今天为大家带来获取当前地理位置的办法!
(如果解决了您的问题,请帮忙给我点个赞吧,谢谢!!!)
第一步:
在<template> 中复制如下代码
<iframe id="geoPage" width=0 height=0 frameborder=0 style="display:none;" scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp"></iframe>
第二步:
在methods中复制如下方法:
Tmap() {
window.addEventListener('message', function(event) {
var loc = event.data;
this.opp = loc.city;
console.log(opp) // 显示你当前位置
}, false);
}
第三部:
在mounted中复制如下方法:(调用)
this.Tmap()