ciao ragazzi, come faccio a far funzionare questo script :
Codice PHP:
<style type="text/css">
#map { width:100%; height:95%; }
input { width:250px; }
#tooltip { padding:10px; text-align:left; }
#tooltip p { padding:0; margin:0 0 5px 0; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var createMap = function() {
searchAddress();
var address = document.getElementById("address").value;
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {'address': 'Catania'}, function(results,status) {
if (status == google.maps.GeocoderStatus.OK) {
var options = {
zoom: 12,
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
var marker = new google.maps.Marker(
{
position: results[0].geometry.location,
map: map,
title: 'Spoleto'
}
);
var tooltip = '<div id="tooltip">'+
'
Indirizzo:
'+
results[0].formatted_address+'</p>'+
'
latLng:
'+
results[0].geometry.location+'</p>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: tooltip
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
} else {
alert("Problema nella ricerca dell'indirizzo: " + status);
}
});
}
var searchAddress = function(){
document.getElementById("submit").onclick = function() {
createMap();
}
}
window.onload = createMap;
</script>
<div>
<input id="address" type="textbox" value="Roma">
<input id="submit" type="button" value="trova indirizzo sulla mappa">
</div>
<div id="map"></div>
come faccio a farlo funzionare , levando:
Codice PHP:
<input id="address" type="textbox" value="Rona">
<input id="submit" type="button" value="trova indirizzo sulla mappa">
in quando tramite php passo il mio indirizzo qui:
Codice PHP:
geocoder.geocode( {'address': 'Catania'}
Grazie