WIKI de apuntes de Billy Rondón

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
====== MAPAS web ======


==== Extensiones OSM ====

[[https://mappinggis.com/2017/01/plugins-para-openlayers-3/]]

[[http://viglino.github.io/ol-ext/]]


ejemplo:
<code html>

<html>
	<head>
		<title>Test Maps</title>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>

function carga() {
    map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());

    //var lonLat = new OpenLayers.LonLat( -0.1279688 ,51.5077286 )
	var lonLat = new OpenLayers.LonLat( -77.1029758, -12.0544268	)
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
          
    var zoom=16;

    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);
    
    markers.addMarker(new OpenLayers.Marker(lonLat));
    
    map.setCenter (lonLat, zoom);
	
	
}

</script>
	</head>
	<body onload="carga()">
	
		<div id="mapdiv" style="width:700px;height:500px;"></div>

	</body>
</html>

</code>

sdf asdfs dfasfd

===== Ejemplo 2 =====

<code javascript>

 locations = [[-77.3861, 38.9695], [-122.1781, 37.459], [-122.1781, 37.459], [-122.1781, 37.459], [-122.1781, 37.459], [-122.1826, 37.3762], [-122.1781, 37.459], [-122.1826, 37.3762], [-122.1826, 37.3762], [-122.1826, 37.3762]];
  var lines = new OpenLayers.Layer.Vector("Lines Overlay");
  var coordinates = [];
  for (var i = 0; i < locations.length; i++) {
    coordinates.push(new OpenLayers.Geometry.Point(locations[i][0], locations[i][1]).transform(fromProjection, toProjection));
  }
  var feature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString(coordinates));
  lines.addFeatures(feature);
  map.addLayer(lines);

</code>