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

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

浏览量:8826 时间: 来源:Kingzongyang

在微信中用百度map地图

1.xxx.wxml中的文件!--pages/dili/dili.wxml--view      viwe经度:{{longitude}}/viwe      view纬度:{{latitude}}/view      view地址:{{address}}/view      view城市:{{cityInfo.city}}/view  /view2. 这是微信种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)第二种方法就是在的的微信小程序的工具中打开项目设置
小程序
这样的话就成功的可以显示了
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎