gpt4 book ai didi

javascript - 检索要提交的字段的标记位置

转载 作者:行者123 更新时间:2023-11-28 02:43:28 25 4
gpt4 key购买 nike

我从 Google API 文档中获得了这段代码。它完全符合我的要求,只是我需要能够在放置标记后获取其纬度和经度。

在我的网站中,我启用了能够在 map 上选择位置的选项,但我需要以某种方式从客户设置的标记中获取纬度和经度信息,特别是在隐藏字段中,以便我可以在发布数据时存储它们$_POST

我现在的代码是:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=jsdlkajslkdjaslkdja&sensor=false&language=ar&region=SAU">
</script>
<script type="text/javascript">
var map;
var markersArray = [];

function initialize() {
var haightAshbury = new google.maps.LatLng(26.1631, 50.2044188);
var mapOptions = {
zoom: 7,
center: haightAshbury,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng);
});
}

function addMarker(location) {
marker = new google.maps.Marker({
position: location,
map: map
});
markersArray.push(marker);
}

// Removes the overlays from the map, but keeps them in the array
function clearOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
}
}

// Shows any overlays currently in the array
function showOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(map);
}
}
}

// Deletes all markers in the array by removing references to them
function deleteOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
markersArray.length = 0;
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

我主要需要 JS 方面的帮助。

最佳答案

有一个包含所有标记的标记数组变量。

循环数组,您将通过使用获得每个项目的纬度/经度 item.getPosition().lat()item.getPosition().lng()

<小时/>

<强> <edit>

限制为 1 个标记很容易。更改此行:

google.maps.event.addListener(map, 'click', function(event) {

进入此:

google.maps.event.addListenerOnce(map, 'click', function(event) {

<强> </edit>

关于javascript - 检索要提交的字段的标记位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12287590/

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