Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>OpenLayers Zoom Test</title>
<script type="text/javascript" src="http://dev.openlayers.org/releases/OpenLayers-2.12/lib/OpenLayers.js"></script>
<style type="text/css">
#map { height: 500px; }
</style>
</head>
<body onload='initMap();'>
    <div id="map"></div>
</body>
</html>
  
 
function initMap() {
  // Map options.
  var moptions = {
    projection: new OpenLayers.Projection("EPSG:900913"),
    displayProjection: new OpenLayers.Projection("EPSG:4326")
  };
  // This is the Google Headquarter in Palo Alto, California.
  var kml = '<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://www.opengis.net/kml/2.2"><Placemark><name>Simple placemark</name><description>Attached to the ground. Intelligently places itself at the height of the underlying terrain.</description><Point><coordinates>-122.0822035425683,37.42228990140251,0</coordinates></Point></Placemark></kml>';
  
  // Vector layer options.
  var loptions = {
    //strategies: [new OpenLayers.Strategy.Fixed()],
    isBaseLayer: false,
    projection: moptions.displayProjection
  };  
    
  // Get the features.
  var format = new OpenLayers.Format.KML({
      internalProjection: moptions.projection,
      externalProjection: moptions.displayProjection,
      extractStyles: true,
      extractAttributes: true
    });
  loptions.features = format.read(kml);
  
  // Create the layers and the map.
  var baselayer = new OpenLayers.Layer.OSM('OSM');
  var vlayer = new OpenLayers.Layer.Vector('Vector', loptions);
  var map = new OpenLayers.Map('map', moptions);
  
  // Add the layers.
  map.addLayers([baselayer, vlayer]);
  // Add control.
  map.addControl(new OpenLayers.Control.MousePosition());
  // Zoom to map extent.
  map.zoomToMaxExtent();
  //map.zoomToExtent(baselayer.getDataExtent()); 
  
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
drupolpro
0viewers