Google Map API
Jeg håber der er nogle i denne konference der kender til Gool Map Api.Jeg er ved at lave et lille program, som kan angive længde- og breddegrader for et bestemt punkt.
Nedenståede kode viser et udnit af Fyn og man kan flytte markeringen med musen.
Mit ønske er at få vist længde- og breddegrad, når markeringen slippes (I øjeblikket skrives "Så er den flyttet" i en boks)
Jeg vil gerne end op med at koordinaterne skrives i en boks, hvorfra teksten med en knap kan kopieres til klippebordet.
Her er koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example: Marker Drag Events</title>
<script src="http://maps.google.com/maps?file=api&v=2"
type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
var center = new GLatLng(55.31648431030933, 10.292623043060302);
map.setCenter(center, 13);
var marker = new GMarker(center, {draggable: true});
GEvent.addListener(marker, "dragstart", function() {
map.closeInfoWindow();
});
GEvent.addListener(marker, "dragend", function() {
marker.openInfoWindowHtml("Så er den flyttet");
});
map.addOverlay(marker);
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
</html>
Eksempel kan ses på: http://ncadata.dk/okv/marker-drag.html
