微信小程序使用百度地图的Api

在微信中用百度map地图

1.xxx.wxml中的文件
<!--pages/dili/dili.wxml-->
<view>  <viwe>经度：{{longitude}}</viwe>  <view>纬度：{{latitude}}</view>  <view>地址：{{address}}</view>  <view>城市：{{cityInfo.city}}</view>
</view>
2. 这是微信种js的代码// 引用百度地图微信小程序JSAPI模块   var bmap = require('../../libs/bmap-wx.min.js');var wxMarkerData = [];  //定位成功回调对象
Page({data: {// 这个值是在百度api中申请的。ak: "tQcVtG7wiVYZ4GqTsCXIG5OUPQw0HhKL", //填写申请到的ak  markers: [],longitude: '',   //经度  latitude: '',    //纬度  address: '',     //地址  cityInfo: {}     //城市信息  },onLoad: function (options) {var that = this;/* 获取定位地理位置 */// 新建bmap对象   var BMap = new bmap.BMapWX({ak: that.data.ak});var fail = function (data) {console.log(data)};var success = function (data) {//返回数据内，已经包含经纬度  //使用wxMarkerData获取数据  wxMarkerData = data.wxMarkerData;//把所有数据放在初始化data内  that.setData({markers: wxMarkerData,latitude: wxMarkerData[0].latitude,longitude: wxMarkerData[0].longitude,address: wxMarkerData[0].address,cityInfo: data.originalData.result.addressComponent});}// 发起regeocoding检索请求   BMap.regeocoding({fail: fail,success: success});}
})

3.注意：如果你的提示这个东西

有两种解决的方法，这两种办法有两种情景使用。
（1）如果你需要上线的话，就要在你的后台配置中去添加地址

（2）第二种方法就是在的的微信小程序的工具中打开项目设置

这样的话就成功的可以显示了

微信小程序使用百度地图的Api相关推荐

微信小程序地图插件系列（二）：微信小程序使用百度地图（不定期补充知识点）
前言当我们在使用一些地图相关软件的情况下,他会显示选择那种.一般都有高德地图,百度地图等.那么我们在微信小程序中也想使用这种功能需要怎么办呢? 本文地址链接微信小程序-百度地图SDK官方文档微信 ...
微信小程序使用百度地图api
作者:花罚,来自原文地址原理当前百度和高德周边查询api的实现机制基本一致,都是使用request接口请求远程https接口,然后返回参数中位置的某种类型的周边信息,最后再把数据动态绑定到页面.本 ...
微信小程序之百度地图之定位AND输入地址定位AND输入经纬度定位
1.bmap-wx.min.js 例子链接 2.ak 百度地图平台 ak申请教程 3.getLocation.js // 引用百度地图微信小程序JSAPI模块 var bmap = require(' ...
微信小程序获取百度地图定位
1.指定按钮获取定位 <van-col class="playActive" @click="getLocal()" span="5" ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
微信小程序-路线规划,地图导航功能基于高德地图API
主要实现微信小程序中的地图路线规划和地图导航功能小程序二维码: 更新 2018年4月18日:新增限行限号查询. 2018年5月7日:新增快递查询,模板消息发送. 准备 1.在http://lbs.a ...
uni-app 中微信小程序使用高德地图等第三方 SDK的方法
获取SDK 首先在高德开放平台,注册账号并且申请相关的 key 等信息: 然后下载它的微信小程序版 SDK:微信小程序 SDK 然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生s ...
uniapp：微信小程序使用高德地图进行坐标反解析获取详细地址
开发过小程序的都了解,我们在调用 uni.getLocation Api的时候,在微信小程序端,只会返给我们一个坐标系,当前位置的经纬度,当我们需要去知道当前位置的详细地址时,我们就需要进行反解析来获 ...
微信小程序转百度小程序修改
微信小程序转百度小程序修改百度小程序很多兼容性问题已修复,具体细节请参考官方开发文档:https://smartprogram.baidu.com/docs/develop/fuctionlist/ ...
微信小程序自带地图_【小程序】微信小程序之地图功能
基本使用地图组件使用起来也很简单. .wxml 参数列表及说明如下: 除了显示基本地图,还可以在地图上添加markers–标注,polyline–折线,circles–圆形,controls–控件. ...

微信小程序使用百度地图的Api

微信小程序使用百度地图的Api相关推荐

最新文章

热门文章