如何引入百度地图和获取精准获取经纬度坐标


​​​​​​引入百度地图 

百度地图官网

开发手册

百度地图官网注册用户 -> 控制台 -> 认证用户 -> 创建项目 -> 获取ak密钥 -> 替换js中ak秘钥






    

小程序引入

引入JS模块

在项目根目录下新建一个路径,下载百度地图微信小程序JavaScript API,解压后的文件中有 bmap-wx.js 文件(压缩版 bmap-wx.min.js ),将其拷贝到新建的路径下,安装完成。

设置请求合法域名

登录微信公众平台-> “开发” -> “开发管理” -> ”开发设置“-> “服务器域名”-> “request 合法域名” ->添加 https://api.map.baidu.com-> 点击"保存并提交"

打开开发者工具 -> “项目配置” -> 点击"刷新",合法域名设置同步完成
示例 -- 地址解析

 
   
// 引用百度地图微信小程序JSAPI模块 
var bmap = require('../../libs/bmap-wx.js'); //bmap-wx.js文件存放路径
var wxMarkerData = []; 
Page({ 
    data: {
        BMap: null,
    }, 
    onLoad: function() { 
        // 新建百度地图对象 
        this.data.BMap = new bmap.BMapWX({ 
            ak: 'xxx' //百度地图密钥
        });
    },
})

获取经纬度坐标

百度地图最底部找到“地图开放平台”链接

如何引入百度地图和获取精准获取经纬度坐标_第1张图片

 点击进入以后在开发文档 -> 开发者工具 -> 找到坐标拾取器

如何引入百度地图和获取精准获取经纬度坐标_第2张图片

你可能感兴趣的:(WEB,WXMINI,前端)