使用纬度和经度将谷歌地图与两个标记之间的路线嵌入

时间:2015-10-14 19:04:50

标签: javascript google-maps iframe routes

我知道如何创建一个指向谷歌地图的链接,使用纬度和长度之间的路线在2个标记之间

<a href='https://maps.google.com?saddr=lat,lon&daddr=lat,lon'target='_blank'></a>

问题是如何使用这些坐标将此地图嵌入我的网站作为iframe

1 个答案:

答案 0 :(得分:3)

使用Embed API

from the documentation

  

https://www.google.com/maps/embed/v1/directions
    ?关键= YOUR_API_KEY
    &安培;来源=奥斯陆+挪威
    &安培;目的地=泰勒马克+挪威
    &安培;避免=路费|公路

     

需要以下网址参数:

     

原点定义显示路线的起点。该值可以是地名,地址或地点ID。字符串应该是URL转义的,因此诸如“City Hall,New York,NY”的地址应该转换为City + Hall,New + York,NY。 (Google地图嵌入API在转义空格时支持+和%20。)地点ID应以place_id:为前缀。   目的地定义路线的终点。

示例:

origin=40.7127837,-74.0059413  (New York, NY)
destination=42.3600825,-71.05888 (Boston, MA)

iframe code:
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/directions?origin=40.7127837,-74.0059413&destination=42.3600825,-71.05888&key=..." allowfullscreen></iframe>

working example