var map; function initMap(lat, lon, zoom){ map = new OpenLayers.Map('map', { maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34), units: 'm', controls: [], projection: new OpenLayers.Projection("EPSG:900913"), displayProjection: new OpenLayers.Projection("EPSG:4326") }); OpenLayers.ImgPath = "/ol_theme_green/"; var layerDefault = new OpenLayers.Layer.OSM.Mapnik("Default map"); map.addLayers([layerDefault]); layerDefault.setOpacity(0.6); var treesLayer = new OpenLayers.Layer.Vector("Polygon", { styleMap: new OpenLayers.StyleMap({ "default": new OpenLayers.Style(OpenLayers.Util.applyDefaults({ fillColor: "#00bc00", strokeColor: "#006200", strokeWidth: 1 }, OpenLayers.Feature.Vector.style["default"]))}), strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "trees.osm", format: new OpenLayers.Format.OSM() }), projection: new OpenLayers.Projection("EPSG:4326") }); map.addLayers([treesLayer]); var selectControl = new OpenLayers.Control.SelectFeature(treesLayer, {onSelect: onFeatureSelect, onUnselect: onFeatureUnselect}); map.addControl(selectControl); selectControl.activate(); map.addControl(new OpenLayers.Control.PanZoomBar()); map.addControl(new OpenLayers.Control.Permalink("link to this view")); map.addControl(new OpenLayers.Control.Navigation()); var lonLat = new OpenLayers.LonLat(lat, lon).transform(map.displayProjection, map.projection); if (!map.getCenter()){ map.setCenter (lonLat, zoom); } return map; } function onPopupClose(evt) { onFeatureUnselect(selectedFeature); } function onFeatureSelect(feature) { selectedFeature = feature; var text = "