微信公众号vue接入高德地图定位逆解析

引入模块

npm i @amap/amap-jsapi-loader --save-dev

引入组件

import AMapLoader from '@amap/amap-jsapi-loader'

模块初始化

initMap(lnglat) {AMapLoader.load({key: '你的密钥', // 申请好的Web端开发者Key，首次调用 load 时必填  version: '1.4.8', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15plugins: ['AMap.Geocoder', 'AMap.Geolocation'] //插件列表}).then(AMap => {this.AMapGetAddress(lnglat)}).catch(e => {console.log(e)})
},

调用逆解析地址

AMapGetAddress(lnglat = [120.187514, 30.250183]) {// debuggerconst geocoder = new AMap.Geocoder()let that = thisgeocoder.getAddress(lnglat, function (status, result) {if (status === 'complete' && result.regeocode) {console.log(result.regeocode.addressComponent.city)that.getStationIp(result.regeocode.addressComponent.city)} else {log.error('根据经纬度查询地址失败')}})
},

微信公众号vue接入高德地图定位逆解析相关推荐

vue + 微信公众号开发+腾讯地图定位显示附近商家多点标记并自定义标记样式
先看下效果吧首先进行公众号的常规开发,引入jssdk,相关配置代码如下引入后可以使用微信内置定位功能,获取用户经纬度重点!引入腾讯地图JS API 点击查看腾讯javascript API 在i ...
微信公众号Java接入demo
微信公众号Java接入demo 前不久买了一台服务,本来是用来当梯子用的,后来买了一个域名搭了一个博客网站,后来不怎么在上面写博客一直闲着,最近申请了一个微信公众号就想着弄点什么玩玩.周末没事就鼓捣了 ...
微信公众号简单接入springboot集成weixin4j
微信公众号简单接入springboot集成weixin4j 内网穿透登录地址:https://natapp.cn/ 注册用户,购买免费渠道进行配置端口号(我配置的是8802) 根据网址进行下一步操 ...
微信公众号HTML5接入腾讯云人脸核身
微信公众号HTML5接入腾讯云人脸核身概述接入流程原生H5对行业的要求概述针对微信公众号接入腾讯云,腾讯云提供了两种方案,一种是通用H5接入,另外一种是通过微信的原生H5来接入,但是一般都是 ...
html微信定位转高德定位，JS微信公众号定位坐标转高德定位坐标，微信公众号定位精度转换高德精度，微信腾讯地图坐标转高德地图坐标
前言微信公众号获取的用户当前位置直接放到高德地图api上会偏差非常大,所以需要校正. 如下我分为三步调用:获取当前用户位置->转换成高德坐标->再初始化地图或者设置地图标点实现微信定 ...
微信公众号h5实现高德/百度/腾讯地图导航
最近做了个微信公众号h5需求是这样的 1.点击地图进入地图详情 2.地图详情包括开始导航与地图(高德,百度,腾讯)选择,点击开始导航自动跳转该地图app 首先先理一下功能: 1:第一张图是直接显示坐标 ...
微信公众号开发-接入
一首先实现内网穿透,公众号需要连接我们的服务器,内外无法访问,所以先实现自己的内网可以测试时连接外网,下载natapp,选择windows,顺便下载config,ini 配置文件.注册好购买免费的隧 ...
微信公众号之接入微信公众号服务器开发（一）
说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一丶概述公众号与公众平台 1. 微信账号类型个人号公众号订阅号服务号企业号 2. 公众号微信公众号主要面向名人.政府 ...
wechat-0010,微信公众号，接入微信公众平台
demo:https://github.com/wenrongyao/wechat-demo 接入准备: 1.有一个能在公网上访问的项目可以用内网穿透(推荐使用natapp),微信接入必须使用80端 ...

微信公众号vue接入高德地图定位逆解析

引入模块

引入组件

模块初始化

调用逆解析地址

微信公众号vue接入高德地图定位逆解析相关推荐

最新文章

热门文章