在小程序中使用百度地图

一、获取密钥

进入百度开放平台官网,点击右上角“API控制台”,注册成为百度地图开发者。

进入控制台,创建一个新应用。填写相应信息时,应用类型选择【微信小程序】,APPID填写小程序开发者ID。

在小程序中使用百度地图_第1张图片

点击提交后,即可在查看应用页面看到申请成功的密钥(AK)。

二、引入JS模块

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

三、设置请求合法域名

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

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

在小程序中使用百度地图_第2张图片

四、使用示例——地址解析

将结构化地址(省/市/区/街道/门牌号)解析为对应的经纬度坐标。主要方法:BMapWX对象的geocoding(geocodingParam: Object)

wxml代码:

<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>
  

你可能感兴趣的:(小程序,小程序,百度,javascript)