150 lines
3.8 KiB
JavaScript
150 lines
3.8 KiB
JavaScript
var epsg4326 = new OpenLayers.Projection("EPSG:4326");
|
|
var map;
|
|
var markers;
|
|
var popup;
|
|
|
|
OpenLayers._getScriptLocation = function () {
|
|
return "/openlayers/";
|
|
}
|
|
|
|
function createMap(divName) {
|
|
map = new OpenLayers.Map(divName, {
|
|
controls: [
|
|
new OpenLayers.Control.ArgParser(),
|
|
new OpenLayers.Control.Attribution(),
|
|
new OpenLayers.Control.LayerSwitcher(),
|
|
new OpenLayers.Control.Navigation(),
|
|
new OpenLayers.Control.PanZoomBar(),
|
|
new OpenLayers.Control.ScaleLine()
|
|
],
|
|
units: "m",
|
|
maxResolution: 156543,
|
|
numZoomLevels: 20
|
|
});
|
|
|
|
var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
|
|
displayOutsideMaxExtent: true,
|
|
wrapDateLine: true
|
|
});
|
|
map.addLayer(mapnik);
|
|
|
|
var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
|
|
displayOutsideMaxExtent: true,
|
|
wrapDateLine: true
|
|
});
|
|
map.addLayer(osmarender);
|
|
|
|
var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
|
|
displayOutsideMaxExtent: true,
|
|
wrapDateLine: true
|
|
});
|
|
map.addLayer(maplint);
|
|
|
|
var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
|
|
markers = new OpenLayers.Layer.Markers("Markers", {
|
|
displayInLayerSwitcher: false,
|
|
numZoomLevels: numZoomLevels,
|
|
maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
|
|
maxResolution: 156543,
|
|
units: "m",
|
|
projection: "EPSG:900913"
|
|
});
|
|
map.addLayer(markers);
|
|
|
|
return map;
|
|
}
|
|
|
|
function getArrowIcon() {
|
|
var size = new OpenLayers.Size(25, 22);
|
|
var offset = new OpenLayers.Pixel(-30, -27);
|
|
var icon = new OpenLayers.Icon("/images/arrow.png", size, offset);
|
|
|
|
return icon;
|
|
}
|
|
|
|
function addMarkerToMap(position, icon, description) {
|
|
var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
|
|
|
|
markers.addMarker(marker);
|
|
|
|
if (description) {
|
|
marker.events.register("click", marker, function() { openMapPopup(marker, description) });
|
|
}
|
|
|
|
return marker;
|
|
}
|
|
|
|
function openMapPopup(marker, description) {
|
|
closeMapPopup();
|
|
|
|
popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
|
|
description, marker.icon, true);
|
|
popup.setBackgroundColor("#E3FFC5");
|
|
popup.autoSize = true;
|
|
map.addPopup(popup);
|
|
|
|
return popup;
|
|
}
|
|
|
|
function closeMapPopup() {
|
|
if (popup) {
|
|
map.removePopup(popup);
|
|
delete popup;
|
|
}
|
|
}
|
|
|
|
function removeMarkerFromMap(marker){
|
|
markers.removeMarker(marker);
|
|
}
|
|
|
|
function getMapCenter(center, zoom) {
|
|
return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
|
|
}
|
|
|
|
function setMapCenter(center, zoom) {
|
|
map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
|
|
}
|
|
|
|
function setMapExtent(extent) {
|
|
map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
|
|
}
|
|
|
|
function getEventPosition(event) {
|
|
return map.getLonLatFromViewPortPx(e.xy).clone().transform(epsg4326, map.getProjectionObject());
|
|
}
|
|
|
|
function getMapLayers() {
|
|
var layers = "";
|
|
|
|
for (var i=0; i< this.map.layers.length; i++) {
|
|
var layer = this.map.layers[i];
|
|
|
|
if (layer.isBaseLayer) {
|
|
layers += (layer == this.map.baseLayer) ? "B" : "0";
|
|
} else {
|
|
layers += (layer.getVisibility()) ? "T" : "F";
|
|
}
|
|
}
|
|
|
|
return layers;
|
|
}
|
|
|
|
function setMapLayers(layers) {
|
|
for (var i=0; i < layers.length; i++) {
|
|
var layer = map.layers[i];
|
|
|
|
if (layer) {
|
|
var c = layers.charAt(i);
|
|
|
|
if (c == "B") {
|
|
map.setBaseLayer(layer);
|
|
} else if ( (c == "T") || (c == "F") ) {
|
|
layer.setVisibility(c == "T");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function scaleToZoom(scale) {
|
|
return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
|
|
}
|