直接放入webview

<web-view :src="url"></web-view>


一键导航代码

腾讯地图网页版本：

https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:纬度,经度;title:标题;addr:地址&Breferer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&key=TKUBZ-D24AF-GJ4JY-JDVM2-IBYKK-KEBCU&referer=tengxun&ch=uri-api&ADTAG=uri-api.other
调用腾讯地图 APP:

http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:纬度,经度;title:标题;addr:,河南省郑州市&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp
百度地图：

http://api.map.baidu.com/marker?location=纬度,经度&title=标题&content=这里是标题的简介&output=html&src=标题的公司名字|标题APP
Web 版百度地图面向 PC & 移动端浏览器的网站应用或移动 APP 应用，其中 PC 浏览器调起的百度地图地址为：http://map.baidu.com/ 移动端调起的百度地图地址为：http://map.baidu.com/mobile/ 。

参数说明

location：lat <纬度>,lng < 经度 > 必选

title：标注点显示标题必选

content：标注点显示内容必选

output：表示输出类型，web 上必须指定为 html 才能展现地图产品结果。必选

coord_type：坐标类型，可选参数默认为 bd09 经纬度坐标。允许的值为 bd09ll、bd09mc、gcj02、wgs84。bd09ll 表示百度经纬度坐标，bd09mc 表示百度墨卡托坐标，gcj02 表示经过国测局加密的坐标，wgs84 表示 gps 获取的坐标。

zoom：展现地图的级别，默认为视觉最优级别。可选

src：appName。必选

高德地图

<a href="https://uri.amap.com/marker?position=113.733526,34.768163&name=标题">一键导航</a>