交互式信息窗口谷歌地图V3

Interactive Infowindow Google Map V3

本文关键字:谷歌地图 V3 窗口 信息窗 信息 交互式      更新时间:2023-09-26

这可能有一个非常简单的答案,但我就是无法让它发挥作用。

第一部分(无效)。内部信息窗口:

    dataTitle = place.name;
    content += "<input type='button' value='Add this Spot' onclick='addToList("+place.geometry.location.lat()+","+place.geometry.location.lng()+",dataTitle);' >";

即时警报dataTitle工作正常,但是由于某种原因,addToList函数中的dataTitle为空。

第二部分(工作)。现在我在自定义信息窗口之外使用完全相同的东西,它运行得很好。。。

    dataTitle = $(this.content).find("div.gm-title").text();
    var link = $("<input type='button' value='Add this Spot' onclick='latLngSet(dataTitle)' >");
function latLngSet(title) {
    addToList(userLatitude,userLongitude,title);
}

纬度和经度都显示正确,只是标题在自定义信息窗口中显示为空白。。。

您在链接字符串中设置datatitle,就像文本而不是值一样。试试这个:

dataTitle = $(this.content).find("div.gm-title").text();
var link = $("<input type='button' value='Add this Spot' onclick='latLngSet("+ dataTitle +")' >");
function latLngSet(title) {
    addToList(userLatitude,userLongitude,title); }