2012-11-19 6 views
0

Je souhaite stocker les coordonnées et le niveau de zoom dans la zone de texte pour le repérage d'emplacement, mais j'ai des difficultés. Je travaille sur un site Web de propriété où je dois localiser chaque propriété séparément et pour cela je stocke la latitude et la longitude et agrandissez la base de données.Coordonnées Google Maps Drggable Store

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script> 

<script> 
var myCenter=new google.maps.LatLng(51.508742,-0.120850); 

function initialize() 
{ 
var mapProp = { 
    center:myCenter, 
    zoom:5, 

    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 



var marker=new google.maps.Marker({ 
    position:myCenter, 
    draggable:true, 
    }); 

google.maps.event.addListener(marker, 'dragend', function(event) 
{ 
document.projects.latitude.value = myCenter.lat(); 
document.projects.longitude.value=myCenter.lng(); 
document.projects.zoom.value= getZoom(); 
}); 


marker.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
<div id="googleMap" style="width:500px;height:380px;"></div> 

<form action="" method="post" name="projects"> 

<input name="latitude" type="text"> 
<input name="longitude" type="text"> 
<input name="zoom" type="text"> 

</form> 
</body> 
</html> 

Répondre

1

Si vous souhaitez récupérer la position de votre marqueur, vous devez faire:

google.maps.event.addListener(marker, 'dragend', function(event) { 
    document.projects.latitude.value = marker.position.lat(); 
    document.projects.longitude.value = marker.position.lng(); 
    document.projects.zoom.value= map.getZoom(); 
}); 
Questions connexes