一、获取密钥
进入百度开放平台官网,点击右上角“API控制台”,注册成为百度地图开发者。
进入控制台,创建一个新应用。填写相应信息时,应用类型选择【微信小程序】,APPID填写小程序开发者ID。
点击提交后,即可在查看应用页面看到申请成功的密钥(AK)。
二、引入JS模块
在项目根目录下新建一个路径,下载百度地图微信小程序JavaScript API,解压后的文件中有 bmap-wx.js 文件(压缩版 bmap-wx.min.js ),将其拷贝到新建的路径下,安装完成。
三、设置请求合法域名
登录微信公众平台-> “开发” -> “开发管理” -> ”开发设置“-> “服务器域名”-> “request 合法域名” ->添加 https://api.map.baidu.com-> 点击"保存并提交"
打开开发者工具 -> “项目配置” -> 点击"刷新",合法域名设置同步完成
四、使用示例——地址解析
将结构化地址(省/市/区/街道/门牌号)解析为对应的经纬度坐标。主要方法:BMapWX对象的geocoding(geocodingParam: Object)
文章来源:https://www.toymoban.com/news/detail-408184.html
wxml代码:文章来源地址https://www.toymoban.com/news/detail-408184.html
<view class="map_container">
<map class="map" id="map" longitude="{
{longitude}}" latitude="{
{latitude}}" scale="14" show-location="true" markers="{
{markers}}" bindmarkertap="makertap"></map>
</view>
<view class="rgc_info">
<view>经度:{
{longitude}}</view>
到了这里,关于在小程序中使用百度地图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!