移动端调用高德地图app和百度app

最新推荐文章于 2024-01-23 16:49:41 发布

原创最新推荐文章于 2024-01-23 16:49:41 发布 · 920 阅读

4 ·

CC 4.0 BY-SA版权

地图专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在移动端的H5页面中调用高德地图和百度地图的应用，包括调用方法及在实际项目中的应用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、h5调用高德、百度地图App

//高德地图     百度地图   使用a标签跳转
<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>
<a href="http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介（可选）&output=html">百度地图</a>

2、实践项目中使用

  <van-col span="16" class="right_1" @click="amap(item.lng,item.lat,item.address)">
             <a :href="url"/>
            </van-col>
            
  methods：{
  amap(lng, lat ,address) {
      var poslng = lng
      var poslat = lat
      this.address  = address
      console.log(this.address);
      this.url = "androidamap://navi?sourceApplication=xlwx&poiname=" + poslng + ',' + poslat + '&name=' + this.address
    },
  }