Question

我有一个相对简单的Google地图实施。它从浏览器请求用户的地理位置信息，并且（a）对其进行地理编码，（b）从数据库中提取N个最近的位置记录（当前在25英里内最多20个位置），（c）绘制用户＆＃39; s位置和位置记录为标记，有关位置（地址等）的信息存储为要在infowindow中查看的contentString。

Screenshot

我想要做的是将位置的lat / lon值传递给javascript函数，该函数获取方向并在地图上绘制它们。我的想法是将它们作为formString的一部分包含在内：

<form>
<input type="hidden" value="' + location[i].latitude + ' name="sitelat"/>
<input type="hidden" value="' + location[i].longitude + ' name="sitelon"/>
<input type="button" onClick="GetDirs()" value="Directions">
</form>

将在函数中检索：

function GetDirs()
{
    var userlatlng = new google.maps.LatLng(userlat, userlon)

    sitelat = document.getElementById(sitelat);
    sitelon = document.getElementById(sitelon);

    var sitelatlng = new google.maps.LatLng(sitelat, sitelon)

    // continue to get directions from userlatlng to sitelatlng

} //GetDirs

数据库中有700条记录，其中任何一条记录都可以在任何给定时间填充在地图上，所有这些记录都包含在网站上。和＆＃39; sitelon＆＃39; contentString中的属性。

我的心理障碍是如何编写一个从正确的信息窗中检索纬度/经度的函数。我错过了什么？

Answer 1

将您的HTML更改为

<button 
  onClick="GetDirs(' + location[i].latitude + ', ' + location[i].longitude + ')"
>Directions</button>

现在你的功能只是

function GetDirs(sitelat,sitelon)
{
    var userlatlng = new google.maps.LatLng(userlat, userlon); 
    var sitelatlng = new google.maps.LatLng(sitelat, sitelon);

    // continue to get directions from userlatlng to sitelatlng

} //GetDirs

如何将lat / long值从google maps infowindow传递给javascript函数？

1 个答案: