如何从 google.maps.InfoWindow 传递变量？答案

【问题标题】：How to pass variable from the google.maps.InfoWindow?如何从 google.maps.InfoWindow 传递变量？
【发布时间】：2016-04-10 06:18:31
【问题描述】：

我正在尝试从 google.maps.InfoWindow 传输变量：

var infoWindow = new google.maps.InfoWindow({
    content: '<a href="#pinDetails?0?'+pin[i][2]+'">'+pin[i][2]+'</a>',
});

从客户端站点的 html 中有一个完整的链接：

<a href="#pinDetails?0?SWA-ER-002">SWA-ER-002</a>

但我只能收到链接问号之前的部分。

如果我查看linkwindow.location.href，我只会看到：

index.html#pinDetails 但不是index.html#pinDetails?0?SWA-ER-002

如何从 google.maps.InfoWindow 传输数据？

谢谢

【问题讨论】：

【解决方案1】：

? 是一个保留的 url 字符。尝试用| 替换? 示例

var infoWindow = new google.maps.InfoWindow({
    content: '<a href="#pinDetails|0|'+pin[i][2]+'">'+pin[i][2]+'</a>',
});

会显示为

<a href="#pinDetails|0|SWA-ER-002">SWA-ER-002</a>

【讨论】：

当然我尝试过不同的字符，但事件处理程序无法识别它：$(document).on("pageshow", "#pinDetails", function(){ 相同的代码适用于其他地图 API，但不适用于谷歌地图 API
你能检查一下这个codepen吗？也许修改它以向我展示您要实现的目标的示例？ codepen.io/jammer99/pen/wGyapK

【解决方案2】：

谢谢@Rohit Agre，问题已经解决。我已将事件处理程序从 $(document).on("pageshow", "#pinDetails", function() 更改为 $(document).on("click", "#details", function()

【讨论】：