Я объясню. Мне удалось перетащить штырь на карту. Я хочу получить координаты этой точки и поместить их в два поля: Широта и долгота. Эти координаты будут позже отправлены в таблицу SQL через PHP. Вот пример того, что я намереваюсь сделать, но вместо нескольких контактов это только один, и он перетаскивается. Проблема в том, что я даже не могу отображать координаты начальной точки. И, конечно, когда пользователь перемещает булавку, я хочу, чтобы координаты также менялись в полях. Надеюсь, я поняла. Что я сделал не так? Должен ли я использовать службу Geocoding?
Здесь идет JS:
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(40.713956,-74.006653);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
draggable: true,
position: myLatlng,
map: map,
title: "Your location"
});
google.maps.event.addListener(marker,'click',function(overlay,point){
document.getElementById("latbox").value = lat();
document.getElementById("lngbox").value = lng();
});
}
</script>
И HTML:
<html>
<body onload="initialize()">
<div id="map_canvas" style="width:50%; height:50%"></div>
<div id="latlong">
<p>Latitude: <input size="20" type="text" id="latbox" name="lat" ></p>
<p>Longitude: <input size="20" type="text" id="lngbox" name="lng" ></p>
</div>
</body>
</html>