codice:
<head>
<script
src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAJmRIwglSHqrTMXtzV8_8qhTdp7J6GPkiHbAgmgIANnXZHzg-kRQlJJKSAa-9tnUyeTTHZr2GB
bSySQ" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
// map.addOverlay(marker);
// marker.openInfoWindowHtml(address);
var marker = new GMarker(point, {draggable: true});
GEvent.addListener(marker, "dragstart", function() { map.closeInfoWindow(); });
GEvent.addListener(marker, "dragend", function() { marker.openInfoWindowHtml("qui vorrei le coordinate"); });
map.addOverlay(marker);
}
}
);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<form action="#" onsubmit="showAddress(this.address.value); return false">
<input type="text" size="60" name="address" value="1600 Amphitheatre Pky, Mountain View, CA" />
<input type="submit" value="Go!" />
</p>
<div id="map" style="width: 500px; height: 300px"></div>
</form>
</body>
</html>