使用 Javascript 获取 Google 地图 URL答案

【问题标题】：Fetch Google Map URL with Javascript使用 Javascript 获取 Google 地图 URL
【发布时间】：2017-10-19 05:19:50
【问题描述】：

我在 Wordpress 网站上有一张谷歌地图。地图是通过高级自定义字段插件加载的。

如果您点击左下角的“Google”，该位置会在 Google 地图的新标签页中打开（例如 https://www.google.com/maps/@10.8396607,4.7913165,11.5z?hl=en-US）

我希望在单击整个地图时发生这种情况，而不是仅在单击“Google”图标时发生。

所以，我知道如何使用 Javascript 来做到这一点，但问题是我似乎无法从页面中获取 URL。

我尝试了很多选择器，但似乎无法获取该 URL。我尝试过的一件事：console.log($(".acf-map a").attr('href'));

我已经能够获取页面上的所有其他 URL，但不是在地图中生成的那个。

【问题讨论】：

【解决方案1】：

您应该能够直接在变量“map”上为“click”事件设置触发器，而不是将其设置到标记上。你应该在这里找到你需要的一切Link to maps reference

map.addlistener('click', function(){
     window.open(yoururl); //or something similar

});

应该可以解决问题。

附言让我知道解决方案是否适合你，我没有电脑可以自己尝试

【讨论】：

感谢您的建议！但问题是我没有'yoururl'参数。我需要获取该 URL（它指向 Google 地图中的完整地图：例如google.com/maps/@10.8396607,4.7913165,11.5z?hl=en-US），但我似乎无法为每个地图单独获取它。
'yoururl' 参数可以是一个固定的 URL，比如 www.google.com，你不需要使用你的代码来检索它。 map.addlistener('click', function(){ window.open("www.youtube.com"); //或类似的东西 });
我确实需要检索它，因为我的网站上的许多不同地图都需要它（不仅仅是 1 个）。为整个网站的许多不同地图（以及许多不同的位置）生成了一个唯一的 URL，我需要在网站上所有不同的 Google 地图中自动检索该特定 URL。