gpt4 book ai didi

google-maps-api-3 - 通过 Google Maps API V3 检索可拖动图钉的纬度和经度

转载 作者:行者123 更新时间:2023-12-03 06:09:41 25 4
gpt4 key购买 nike

我会解释一下。我设法在 map 上有一个可拖动的图钉。我想检索该点的坐标并将其放入两个字段中:纬度和经度。这些坐标稍后将通过 PHP 发送到 SQL 表。这是an example我打算做什么,但它不是几个引脚,而是一个并且可以拖动。问题是:我什至无法显示初始点的坐标。当然,当用户移动图钉时,我希望字段中的坐标也发生变化。我希望我说清楚了。我做错了什么?我应该使用 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>

最佳答案

其中任何一个都有效

google.maps.event.addListener(marker, 'click', function (event) {
document.getElementById("latbox").value = event.latLng.lat();
document.getElementById("lngbox").value = event.latLng.lng();
});

google.maps.event.addListener(marker, 'click', function (event) {
document.getElementById("latbox").value = this.getPosition().lat();
document.getElementById("lngbox").value = this.getPosition().lng();
});

您也可以考虑使用 Dragend 事件

google.maps.event.addListener(marker, 'dragend', function (event) {
document.getElementById("latbox").value = this.getPosition().lat();
document.getElementById("lngbox").value = this.getPosition().lng();
});

关于google-maps-api-3 - 通过 Google Maps API V3 检索可拖动图钉的纬度和经度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5968559/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com