在uniapp微信小程序中使用百度地图-Toy模板网

这篇具有很好参考价值的文章主要介绍了在uniapp微信小程序中使用百度地图。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

**第一步：**申请秘钥AK，这个自行百度申请。
**第二步：**引入百度地图js模块

微信小程序JSAPI下载

uniapp小程序百度地图导航,改行学it
下载js文件后，解压，并放到项目中。
**第三步：**在项目中导入js API ,

html代码：复制百度地图官网的。最主要是js代码。

<map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" show-location="true" markers="{{markers}}" bindmarkertap="makertap"></map>

js首先需要导入js api

var bmap = require('@/utils/bmap-wx.min.js');   //require里面是存放路径

请求定位，当不传参数的时候，会默认是请求当前位置。

var BMap = new bmap.BMapWX({ 
              ak: 'AK：自己申请的AK' 
              }); 
      BMap.regeocoding({ 
              fail: resp=>{
                      console.log(resp,'失败');
              }, 
              success: resp=>{
                      console.log(resp,'成功');
              }, 
      });

根据经纬度，请求具体地址

var BMap = new bmap.BMapWX({ 
              ak: 'AK：自己申请的AK' 
              }); 
      BMap.regeocoding({ 
             location: latitude + "," + longitude, //这里传的是经纬度
              fail: resp=>{
                      console.log(resp,'失败');
              }, 
              success: resp=>{
                      console.log(resp,'成功');
              }, 
      });

根据地址请求经纬度

BMap.geocoding({ 
             addres:'广东省广州市', //这里传的是地址
              fail: resp=>{
                      console.log(resp,'失败');
              }, 
              success: resp=>{
                      console.log(resp,'成功');
              }, 
      });

感谢阅读文章来源地址https://www.toymoban.com/news/detail-848015.html

到了这里，关于在uniapp微信小程序中使用百度地图的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！