美文网首页Vue专题
vue------实现获取当前地理位置

vue------实现获取当前地理位置

作者: 一叶孤舟1990 | 来源:发表于2019-07-17 21:26 被阅读45次

今天为大家带来获取当前地理位置的办法!

(如果解决了您的问题,请帮忙给我点个赞吧,谢谢!!!)

第一步:

在<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()

相关文章

网友评论

    本文标题:vue------实现获取当前地理位置

    本文链接:https://www.haomeiwen.com/subject/difhlctx.html