Saltar al contenido

agregar openstreetmap al ejemplo de código html

este problema se puede abordar de variadas formas, pero en este caso te compartimos la respuesta más completa en nuestra opinión.

Ejemplo: mostrar mapa openstreetmap

<html><head><title>layer OSM title><scriptsrc="http://www.openlayers.org/api/OpenLayers.js">script><scripttype="text/javascript">// Posizione iniziale della mappavar lat=44.355;var lon=11.71;var zoom=13;functioninit()
 
        map =newOpenLayers.Map("map",
            controls:[newOpenLayers.Control.Navigation(),newOpenLayers.Control.PanZoomBar(),newOpenLayers.Control.ScaleLine(),newOpenLayers.Control.Permalink('permalink'),newOpenLayers.Control.MousePosition(),newOpenLayers.Control.Attribution()],
            projection:newOpenLayers.Projection("EPSG:900913"),
            displayProjection:newOpenLayers.Projection("EPSG:4326"));var mapnik =newOpenLayers.Layer.OSM("OpenStreetMap (Mapnik)");
		
		map.addLayer(mapnik);var lonLat =newOpenLayers.LonLat( lon ,lat ).transform(newOpenLayers.Projection("EPSG:4326"),// transform from WGS 1984
            map.getProjectionObject()// to Spherical Mercator Projection);
			  
		map.setCenter(lonLat, zoom);script>head><bodyonload="init();"><spanstyle="font-family: Arial;font-weight: bold;">Esempio di mappa OSMspan><divstyle="width:100%;height:95%"id="map">div>body>html>

Comentarios y puntuaciones

Al final de la web puedes encontrar las explicaciones de otros sys admins, tú aún tienes la habilidad insertar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *