一、接入腾讯地图

1.引入微信jdk

var QQMapWX = require('../../common/js/qqmap-wx-jssdk.min.js');

2.声明腾讯地图实例

var qqmapsdk;
qqmapsdk = new QQMapWX({key: this.key
});

3.获取当前定位

qqmapsdk.reverseGeocoder({success: res => {let result = res.result;let loc = result.location;//初始化地图_self.initMap(loc.lng, loc.lat); },fail: err => {console.log('获取定位失败');}
})

4.微信小程序相关配置

微信公众平台 -> 开发管理 -> 开发设置 -> 服务器域名
reques合法域名：https://apis.map.qq.com

二、接入高德地图

1.导入相关sdk

插件下载地址

import amap from 'amap-wx.js'

2.声明地图实例化

this.amapPlugin = new amap.AMapWX({key: this.key
})

3.获取当前定位API

this.amapPlugin.getRegeo({  success: (res) => {let data = res[0]_self.initMap(data.longitude, data.latitude);let address = data.regeocodeData.addressComponent;let province = address.province;let city = address.city;}
});

总结

个人学习总结，有问题感谢指正

微信小程序接入第三方地图相关推荐

微信小程序接入第三方插件腾讯位置服务地图选点
微信小程序接入第三方插件腾讯位置服务地图选点 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件微 ...
微信小程序接入第三方接口
史上最全,最简单微信小程序实现第三方接口本文以第三方(聚合新闻头条)接口为例. 聚合接口基本上都是免费的.例如,天气查询,新闻.笑话,万年历等. 1.先去聚合官网注册账号 ,然后申请新闻头条接口.如 ...
微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。
文章目录一.前言通讯协议技术问题点二.4G模组业务逻辑上报基站信息三.微信小程序控制另外,不要把我的博客作为学习标准,我的只是笔记,难有疏忽之处,如果有,请指出来,也欢迎留言哈! 微信物 ...
微信支持环信_环信客户互动云v5.39已发布：支持微信小程序接入
环信客户互动云v5.39_产品更新说明发布日期:2018-11-06 客服模式质检中新增会话ID字段质检中新增会话ID字段,与历史会话中的会话ID对应,支持根据会话ID搜索质检会话,以及在质检详 ...
uni-app 微信小程序接入高德SDK
uni-app 微信小程序接入高德SDK 参考文档:https://lbs.amap.com/api/wx/gettingstarted 一.获取高德Key 配置高德key 二.获取高德key的操作步 ...
uni-app 中微信小程序使用高德地图等第三方 SDK的方法
获取SDK 首先在高德开放平台,注册账号并且申请相关的 key 等信息: 然后下载它的微信小程序版 SDK:微信小程序 SDK 然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生s ...
微信小程序--sha1加密元素以字典顺序排序微信小程序接入微信公众平台
java--sha1加密算法实现 bytes[i] & 0xFF 原理详解以字典顺序排序 php----$_GET[] http认证中的nonce与timestamp token和nonc ...
微信小程序如何在地图选择地址并返回经纬度
微信小程序如何在地图选择地址并返回经纬度微信小程序的地址管理中,经常需要获取地址的详细地址信息和地址经纬度信息实现效果: var that = thiswx.chooseLocation({suc ...
【物联网】微信小程序接入阿里云物联网平台
微信小程序接入阿里云物联网平台一阿里云平台端 1.登录阿里云阿里云物联网平台点击进入公共实例,之前没有的点进去申请 2.点击产品->创建产品 3.产品名称自定义,按项目选择类型,节点类型 ...

微信小程序接入第三方地图

文章目录

一、接入腾讯地图

1.引入微信jdk

2.声明腾讯地图实例

3.获取当前定位

4.微信小程序相关配置

二、接入高德地图

1.导入相关sdk

2.声明地图实例化

3.获取当前定位API

总结

微信小程序接入第三方地图相关推荐

最新文章

热门文章

微信小程序 接入第三方地图

文章目录

一、接入腾讯地图

1.引入微信jdk

2.声明腾讯地图实例

3.获取当前定位

4.微信小程序相关配置

二、接入高德地图

1.导入相关sdk

2.声明地图实例化

3.获取当前定位API

总结

微信小程序 接入第三方地图相关推荐

最新文章

热门文章

微信小程序接入第三方地图

微信小程序接入第三方地图相关推荐