OpenLayers._getScriptLocation = function () {
return "/openlayers/";
}
-
+
function createMap(divName) {
map = new OpenLayers.Map(divName, {
controls: [
- new OpenLayers.Control.ArgParser(),
+ new OpenLayers.Control.ArgParser(),
new OpenLayers.Control.Attribution(),
new OpenLayers.Control.LayerSwitcher(),
- new OpenLayers.Control.Navigation(),
- new OpenLayers.Control.PanZoomBar()
- ]
+ new OpenLayers.Control.Navigation(),
+ new OpenLayers.Control.PanZoomBar(),
+ new OpenLayers.Control.ScaleLine()
+ ],
+ units: "m"
});
- var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
+ var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
displayOutsideMaxExtent: true,
wrapDateLine: true
});
});
map.addLayer(osmarender);
- var mapnik_local = new OpenLayers.Layer.OSM("Mapnik (Local)", "http://bericote.uk.cyberscience.com/tiles/", {
- displayOutsideMaxExtent: true,
- wrapDateLine: true
- });
- map.addLayer(mapnik_local);
-
- var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
+ 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", {
+ markers = new OpenLayers.Layer.Markers("Markers", {
displayInLayerSwitcher: false,
numZoomLevels: numZoomLevels,
maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
function openMapPopup(marker, description) {
closeMapPopup();
- popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
- sizeMapPopup(description),
- "<p style='padding-right: 28px'>" + description + "</p>",
- marker.icon, true);
+ 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 sizeMapPopup(text) {
- var box = document.createElement("div");
-
- box.innerHTML = text;
- box.style.visibility = "hidden";
- box.style.position = "absolute";
- box.style.top = "0px";
- box.style.left = "0px";
- box.style.width = "200px";
- box.style.height = "auto";
-
- document.body.appendChild(box);
-
- var width = box.offsetWidth;
- var height = box.offsetHeight;
-
- document.body.removeChild(box);
-
- return new OpenLayers.Size(width + 30, height + 24);
-}
-
function removeMarkerFromMap(marker){
markers.removeMarker(marker);
}