使用腾讯地图获取地址经纬度-Toy模板网

这篇具有很好参考价值的文章主要介绍了使用腾讯地图获取地址经纬度。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、在终端执行

npm i --save vue-jsonp

2.在main.js引入

import {VueJsonp} from 'vue-jsonp'
Vue.use(VueJsonp)

或则直接在需要页面引入

import { jsonp } from 'vue-jsonp'

3、写方法

getUserLocation(address) {
				let url = 'https://apis.map.qq.com/ws/geocoder/v1/?address=';
				this.$jsonp(url, {
						key: '腾讯地图key',
						address: address,
						output: 'jsonp'
					})
					.then(res => {
						console.log(res)
						console.log(res)
						const latitude = res.result.location.lat;
						const longitude = res.result.location.lng;
						console.log("res.result.location.lat: ",res.result.location.lat);
						console.log("res.result.location.lng: ",res.result.location.lng);
						this.$wx.openLocation({
							latitude: latitude,
							longitude: longitude,
							name: this.address, // 位置名
							address: this.address, // 地址详情说明
							scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
							infoUrl: '' ,// 在查看位置界面底部显示的超链接,可点击跳转
						});
					})
					.catch(err => {
						console.log(err);
					});

			},

jsonp(url, {
						key: '腾讯地图key',
						address: address,
						output: 'jsonp'
					})
					.then(res => {
						console.log(res)
						console.log(res)
						const latitude = res.result.location.lat;
						const longitude = res.result.location.lng;
						console.log("res.result.location.lat: ",res.result.location.lat);
						console.log("res.result.location.lng: ",res.result.location.lng);
						this.$wx.openLocation({
							latitude: latitude,
							longitude: longitude,
							name: this.address, // 位置名
							address: this.address, // 地址详情说明
							scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
							infoUrl: '' ,// 在查看位置界面底部显示的超链接,可点击跳转
						});
					})
					.catch(err => {
						console.log(err);
					});

			},

具体的参考腾讯开发文档https://lbs.qq.com/service/webService/webServiceGuide/webServiceGeocoder文章来源地址https://www.toymoban.com/news/detail-709284.html

到了这里，关于使用腾讯地图获取地址经纬度的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！