Salve ragazzi,
potreste darmi una mano ad applicare la funziona di GeoCoder per centrare la mappa nell'indirizzo da me passato?
Grazie!
Il codice della mappa da me usata è questa:
codice:
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAApDIkt4gvp1z8YndQf64yQhTzw78hwPZRWZXN2ea2DEj9bJSi5hTUsvIR9EQoEgXZZ-MV-Mji1dn7xQ" type="text/javascript"> </script>
<div id="map" style="width: 570px; height: 450px;"></div>
<script type="text/javascript">
var iconBlue = new GIcon();
iconBlue.image = 'icone/mm_20_blue.png';
iconBlue.shadow = 'icone/mm_20_shadow.png';
iconBlue.iconSize = new GSize(15, 23);
iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);
var customIcons = [];
customIcons["BedandBreakfast"] = iconBlue;
if (GBrowserIsCompatible()) {
// ==== Prima parte della select ===
var select_html = '<select onChange="handleSelected(this)">' +
'<option selected> - Seleziona un\'attività - </option>';
var gmarkers = [];
var htmls = [];
var i = 0;
function createMarker(point,nome,html,type) {
var marker = new GMarker(point,customIcons[type]);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
// ======= Popolare la select =====
select_html += '<option> ' + nome + '</option>';
i++;
return marker;}
// ======= Voce selezionata dalle select ====
function handleSelected(opt) {
var i = opt.selectedIndex - 1;
if (i > -1) {
GEvent.trigger(gmarkers[i],"click");
}else {
map.closeInfoWindow();}
}
// Creazione della mappa
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng( 37.505368263398104,13.9789), 8);
GDownloadUrl("mappahome/tutteprov.php", function (doc) {
var xmlDoc = GXml.parse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var type = markers[i].getAttribute("type");
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
var nome = markers[i].getAttribute("nome");
var foto2 = markers[i].getAttribute("foto");
//var foto = foto2.replace(../, "");
var foto = foto2.split("../").join("");
// Creazione del maker
var marker = createMarker(point,nome,'<a href="' + html +'">' + nome +'
'+ label +'
'+'[img]' + foto +'[/img]'+'</a>',type)
map.addOverlay(marker);
}
// ===== Parte finale della select ===
select_html += '</select>';
document.getElementById("selection").innerHTML = select_html;
});
}else {
alert("Siamo spiacenti, l'API di Google Maps non è compatibile con questo browser!");
}
</script>