微信小程序的百度地图获取地理位置

转载 2018年04月16日 15:30:23
  1. 第一步:先到百度开放平台http://lbsyun.baidu.com申请ak,并下载百度地图的api
(根据官方提供的顺序进行即可,这里不再复述)



2.到微信公众平台的后台里设置配置request合法域名

3.引入JS模块

注意:小程序项目大小不超过1M,所以用 压缩的js文件
4.在所需的js文件内导入js

5.实例代码:

// pages/map/map.js
var bmap = require("../../utils/bmap-wx.min.js");
var wxMarkerData = [];//定位成功回调对象
Page({
/** * 页面的初始数据 */
data: {
ak:"KVAWk7QKGzd4H4unph4eZyIxfWEpaGZM",//填写申请到的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){
//返回数据内,已经包含经纬度
console.log(data);
//使用wxMarkerData获取数据
wxMarkerData = data.wxMarkerData;
that.setData({
markers:wxMarkerData,
latitude: wxMarkerData[0].latitude,
longitude:wxMarkerData[0].longitude,
address:wxMarkerData[0].address,
cityInfo:data.originalData.result.addressComponent
});
}

BMap.regeocoding({
fail:fail,
success:success
});
}
})


转载自:https://blog.csdn.net/michael_ouyang/article/details/55097646


软件工程杂志《非程序员》第一期

软件工程杂志《非程序员》第一期名    称: 《非程序员》第一期设    计: UMLCHINA编    者: UMLCHINA联系邮件: think@umlchina.com 版    本: 第一期...
  • dbbdggdbbdgg
  • dbbdggdbbdgg
  • 2001-05-27 12:05:00
  • 665

微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)

由于小程序只提供了我们一个获取地理位置、速度的api,并没有获取的相关地位位置的信息等等,因此我们还需要借助一些第三方的api来实现 下面,介绍使用百度地图的api来获取地位位置的信息。 ...
  • michael_ouyang
  • michael_ouyang
  • 2017-02-14 13:55:34
  • 18036

微信小程序------获取地理位置

由于小程序只提供了我们一个获取地理位置、速度的api,并没有获取的相关地位位置的信息等等,因此我们还需要借助一些第三方的api来实现 我们可以使用百度地图...
  • qq_35357001
  • qq_35357001
  • 2017-06-12 18:09:11
  • 8258

微信小程序使用百度地图API逆地址解析

今天自己研究小程序模仿饿了么,首页的顶部有一个定位功能,看了一圈儿觉得百度地图的API最简单,于是就用了百度地图的api,写的教程,或者说记录一下,以后有需要的时候可以用到。先上一下成果图哈哈哈ban...
  • sinat_16463137
  • sinat_16463137
  • 2018-03-21 22:58:24
  • 116

微信小程序开发之真机测试 地图定位 map API 无法获取当前位置的问题

今天做到地图定位的模块.模拟器肯定是获取不到位置的.下面为真机测试结果. 上图: 经纬度不说了.定位用的,我这里直接输入的数字定位.但是有许多问题 下图中scale是缩放比例,这...
  • qq_31383345
  • qq_31383345
  • 2016-11-08 11:23:24
  • 6587

【微信小程序】再次授权地理位置getLocation+openSetting使用

写在前面我们知道: 1、微信的getLocation接口,是获取用户当前地理位置的,返回经纬度、速度等信息; 2、它的默认工作机制:首次进入页面,调用该api,返回用户授权结果,并保持该结果。...
  • rolan1993
  • rolan1993
  • 2017-10-24 17:47:35
  • 3134

微信小程序--获取用户地理位置名称(无须用户授权)

在本文 微信小程序--获取用户地理位置名称(无须用户授权) 之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs代码封装是在上文添加的。效果添...
  • zzwwjjdj1
  • zzwwjjdj1
  • 2018-03-01 21:56:32
  • 2127

微信小程序--获取地理位置名称

微信小程序官方文档关于地理信息的相关API有如下方法可以获得用户当前地理位置: wx.getLocation(OBJECT) 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当...
  • chq00788
  • chq00788
  • 2017-07-07 14:22:27
  • 15174

微信小程序使用百度地图api

作者:花罚,来自原文地址  原理 当前百度和高德周边查询api的实现机制基本一致,都是使用request接口请求远程https接口,然后返回参数中位置的某种类型的周边信息,最后再把数据动态...
  • txqd1989
  • txqd1989
  • 2017-08-04 17:37:00
  • 7518

微信小程序:分享一个百度地图微信小程序api

分享一个百度地图微信小程序api http://lbsyun.baidu.com/index.php?title=wxjsapi 使用也比较简单,天气就是以前车辆网的api。 支持https,...
  • qq_36427770
  • qq_36427770
  • 2017-02-17 10:53:36
  • 7683
收藏助手
不良信息举报
您举报文章:微信小程序的百度地图获取地理位置
举报原因:
原因补充:

(最多只允许输入30个字)