获取iframe中地图的纬度和长点击

Question

我有在服务器上设置的地图，并基于谷歌地图。为了将其嵌入到我的网页中，我使用了iframe。现在我需要在单击时获得纬度和长以映射，然后将数据写入我的数据库。我怎样才能得到它？

这是我的 iframe

<iframe src="https://my_domain/projects/?first=7&second=123&third=567" width="100%" height="350px" align="left" id="inneriframe" scrolling="no"></iframe>

这里没有我通常用于谷歌地图的初始化或 else 函数，这就是为什么无法通过函数获取它的原因。

Answer 1

您可以在 window.load 上初始化映射并使用事件 addListener 获取值。

var map;
function initialize() {
var myLatlng = new google.maps.LatLng(24.18061975930,79.36565089010);
var myOptions = {
zoom:7,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("gmap"), myOptions);
// marker refers to a global variable
marker = new google.maps.Marker({
position: myLatlng,
map: map
});
google.maps.event.addListener(map, "click", function(event) {
// get lat/lon of click
var clickLat = event.latLng.lat();
var clickLon = event.latLng.lng();
alert(clickLat.toFixed(5));
alert(clickLon.toFixed(5));
var marker = new google.maps.Marker({
position: new google.maps.LatLng(clickLat,clickLon),
map: map
});
});
}   
window.onload = function () { initialize() };