vue,js用高德地图实现路径导航

一行代码调用原生高德地图,并在地图上标记地点、添加地点名称
移动端,pc端皆可用

<a href="https://uri.amap.com/marker?position=84.863908,45.597621&name=供水公司营销所">
  <p class="title">供水公司营销所</p>
  <p class="text">地址:塔河路48号</p>
</a>
image.png

目标点地址可以用这个 地图坐标拾取器 https://lbs.amap.com/console/show/picker

当初公司在公众号上有个html5静态网页,里面有一些营业厅地址。
需求是点击营业厅链接直接在公众号内打开地图,显示标记,并支持路线导航。
调研了一下,高德js-api 路径规划,然后开始编写代码在pc端调试没有问题。
然后在公众打开页面问题就出来了。无法获取当前定位(当初调研的原因好像是 公众号地址是http,需要支持https才行)
然后第二个方法 例用微信 js-sdk获取当前地点,然后也是没有成功 原因忘了
最后又是一顿百度,终于 被我发现了这个方法 在此分享给大家。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。