嵌入谷歌地图与路线之间的两个标志使用纬度和经度
embed google map with a route between two marks using latitude and longitude
我知道如何创建一个链接到谷歌地图的2个标志之间的路线使用晚和长这样
<a href='https://maps.google.com?saddr=lat,lon&daddr=lat,lon'target='_blank'></a>
问题是如何嵌入这个地图使用这些坐标到我的网站作为一个iframe
使用嵌入API
从文档
https://www.google.com/maps/embed/v1/directions
?关键= YOUR_API_KEY
起源,= +挪威奥斯陆
挪威,目的地=屈膝旋转法+
,避免=收费公路|需要以下URL参数:
origin定义显示方向的起始点。该值可以是地名、地址或地名ID。该字符串应该进行url转义,因此诸如"City Hall,New York,NY"之类的地址应该转换为City+Hall,New+York,NY。(Google Maps Embed API在转义空格时同时支持+和%20。)位置id应该以place_id:作为前缀。destination定义方向的终点。
例子:
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>
工作示例相关文章:
- JQuery合并了keyup和focusout两个函数
- 如何使用 node.js 比较两个 json 数组
- 为复选框javascript指定两个值
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 单击时切换两个图像
- 我可以'我似乎不知道如何修复javascript中的两个lint.有人能帮我理解吗
- 基于两个条件退出While循环
- 如何在这里将两个值最低的数字相加
- 组合两个javascript函数
- 如何使用offer/answer交换来自两个对等连接的流
- jsf中两个字符串的颜色代码差异
- 加载两个具有相同父密钥名称的json文件
- 在Qualtrics中,介绍如何动态连接两个滑块
- 访问$.ajax()函数中的两个不同数组
- 如何在three.js上添加两个向量
- 如何在datetimepicker中使用两个验证器
- 如何在javascript中获取两个日期之间的周六和周日的日期
- 两个指令创建新的继承的和隔离的作用域-元素得到哪个
- javascript测试是否存在两个标志中的任何一个
- 嵌入谷歌地图与路线之间的两个标志使用纬度和经度