X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/bea82b27ba363b1ac26f9486c4b6c472ecee8069..33a65a90c9d0e2ab121e1da9c3efedaf9e6a9789:/public/javascripts/map.js diff --git a/public/javascripts/map.js b/public/javascripts/map.js index 4816f762b..2f7d52e58 100644 --- a/public/javascripts/map.js +++ b/public/javascripts/map.js @@ -73,17 +73,11 @@ function addMarkerToMap(position, icon, description) { } function openMapPopup(marker, description) { -// var box = document.createElement("div"); -// box.innerHTML = description; -// box.style.display = 'none'; -// box.style.width = "200px"; -// document.body.appendChild(box); - closeMapPopup(); popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, - new OpenLayers.Size(200, 50), - "

" + description + "

", + sizeMapPopup(description), + "

" + description + "

", marker.icon, true); popup.setBackgroundColor("#E3FFC5"); map.addPopup(popup); @@ -98,6 +92,27 @@ function closeMapPopup() { } } +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); }