EMOD OpenLayers

by Nick Karnik

HTML

<script src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script src="https://code.google.com/p/kml-samples/source/browse/trunk/KML_Samples.kml"></script>
<div id="emod_map" style="width: 100%; height: 100%;"></div>

CSS

html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
#emod_map {
			width: 100%;
			height: 100%;
			border: 1px solid black;
		}

JavaScript

$(document).ready(function () {
    var map = new OpenLayers.Map("emod_map");

    var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";

    var bing = new OpenLayers.Layer.Bing({
        name: "Bing",
        key: apiKey,
        type: "Road"
    });
    map.addLayer(bing);

    var osm = new OpenLayers.Layer.OSM();
    map.addLayer(osm);

    var kml = new OpenLayers.Layer.Vector("KML", {
        strategies: [new OpenLayers.Strategy.Fixed()],
        protocol: new OpenLayers.Protocol.HTTP({
            url: "code.google.com/p/kml-samples/source/browse/trunk/KML_Samples.kml",
            format: new OpenLayers.Format.KML({
                extractStyles: false,
                extractAttributes: true,
                maxDepth: 2
                //'internalProjection': map.baseLayer.projection,
                //'externalProjection': new OpenLayers.Projection("EPSG:4326")
            })
        })
    });

   // map.addLayer(kml);

    //map.addControl(new OpenLayers.Control.LayerSwitcher());
    /*map.addControl(new OpenLayers.Control.Graticule("Grid", {
        intervals: [25]
    }));

*/

    //map.setCenter(new OpenLayers.LonLat(0, 0), 1);
    //map.zoomToMaxExtent();

 if (!map.getCenter()) {
            map.zoomToMaxExtent();
        }





});