谷歌地图Api按钮“路由到标记”/转到谷歌地图

问题描述:

我想知道是否有可能在谷歌地图上有一个按钮,将您重定向到Google地图,提交目标地址,以便用户只需输入他/她自己的地址来计算路线。谷歌地图Api按钮“路由到标记”/转到谷歌地图

编辑:如果有一种方法直接实现一个简单链接的自定义按钮(这会导致Google上的共享地图),这种方法也可以很好地工作。

编辑2:托管与谷歌文档https://developers.google.com/maps/documentation/javascript/examples/control-custom

花了很多JS摆弄周围的帮助来解决它自己,但现在的工作

+0

你可以发布你的完整的解决方案? – candlejack 2017-04-16 20:35:36

的目标网址是:

https://www.google.com/maps/dir//{encodedAddress} 

请注意dir之后的2个斜线,当您使用1斜线时,地址将用作起始地址。地址必须被编码(例如,通过encodeURIComponent

采样按钮(用他的textContent的地址):

<button onclick="top.window.open('https://www.google.com/maps/dir//'+ 
            encodeURIComponent(this.textContent.trim()), 
           'gmap')"> 
    Berlin 
</button> 
+0

嗯在这种情况下,我可以简单地创建一个链接,看起来像一个按钮与'target =“_ blank”',但我想这是作为地图控件 – AlexG 2015-02-23 13:33:24

+0

的一部分,然后将按钮添加到控件,任何HTMLElement可能做个控制吧 – 2015-02-23 13:40:08

+0

不错!但如何将该自定义按钮添加到Google Maps API v3(JavaScript)?我要弄清楚Google地图生成的实际嵌入式iframe的外观。 – candlejack 2017-04-16 19:59:51