vue输出打印出当前经纬度

我的思路当然还是去地图的api上看看
我调用的高德地图api
高德地图api链接: link.https://lbs.amap.com/api/javascript-api/reference/location

来人，上代码~

// 高德地图api
created(){var that = this;AMap.plugin("AMap.CitySearch", function() {var citySearch = new AMap.CitySearch();citySearch.getLocalCity(function(status, result) {if (status === "complete" && result.info === "OK") {// 查询成功，result即为当前所在城市信息console.log("通过ip获取当前城市：", result);console.log("经纬度" + result.bounds.Gb.lat);that.lat = result.bounds.Gb.lat;that.lng = result.bounds.Gb.lat;}});});},

腾讯地图api链接: link.https://lbs.qq.com/tool/component-geolocation.html

1.vue实现安装腾讯地图指令是：
npm install weixin-js-sdk --save

2.然后main.js引入

import wxsdk from 'weixin-js-sdk';Vue.use(wxsdk);

3.index.js写入（替换自己的key）

<iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"src="https://apis.map.qq.com/tools/geolocation?key=your key&referer=myapp">
</iframe>

4.然后就可以引入使用了

window.addEventListener('message', function(event) {// 接收位置信息var loc = event.data;console.log('location', loc);
}, false);

vue输出打印出当前经纬度相关推荐

Python中的标准库函数(内置函数)print()输出(打印出)字符串的常见用法
这篇博文用于记录下Python中的标准库函数print()的常见用法,随着时间的推移,可能会有更新. print 在 Python3.x 是一个函数,但在 Python2.x 版本不是一个函数,只是一 ...
赵钱孙李称体重，按照由大到小的顺序，打印出四人的姓氏的首字母和体重数（中间用空格隔开，每人一行）
题目 - 称体重描述赵.钱.孙.李四个人中既有大人也有小孩,给他们称体重时发现,他们每个人的体重都不一样,且体重(单位:公斤)恰好是10的整数倍,且他们的体重都不高于50公斤,已知赵.钱两人的体重 ...
习题 3.12 给出一个不多于5位的正整数，要求：1. 求出它是几位数；2. 分别打印出每一位数字；3. 按逆序打印出各位数字，例如原数位321，应输出123。
C++程序设计(第三版) 谭浩强习题3.12 个人设计习题 3.12 给出一个不多于5位的正整数,要求:1. 求出它是几位数:2. 分别打印出每一位数字:3. 按逆序打印出各位数字,例如原数位32 ...
提升效率之如何打印出漂亮的带颜色的日志(输出高亮)
花里胡哨的日志 1. 花里胡哨的shell打印 2. c语言日志的彩色输出日志系统对于一个软件的维护是很重要的,对于直接在本地打印的信息,可能包含非常多,如何才能快速发现自己想要打印的东西呢?带上颜 ...
Python 零基础入门到实战（一）笔记：内置对象、浅拷贝、深拷贝、计算圆面积、凯撒密码、英文大小写转换、输入国家打印出国家名和首都、输入数字英文输出、统计句子中的字母数量、猜随机数
Python入门到实战(一) 为什么写这篇文章 Part 1 入门部分什么是编程语言? Python的优势目前应用特点 Part 2 6种内置对象 1 整数.浮点数 2 字符串 3 列表 4 元 ...
C语言—递归函数用递归方法编程计算输出Fibonacci数列，同时打印出计算Fibonacci数列每一项时所需的递归调用次数。
用递归方法编程计算输出Fibonacci数列,同时打印出计算Fibonacci数列每一项时所需的递归调用次数. **输入格式要求:"%d" 提示信息:"Input n:& ...
#根据列表写出循环询问用户买什么用户选择一个编号把对应物品添加值物品栏最终用户输出q时退出循环打印出购买的物品
products=[['iphone',6888],['MacPro',14800],['小米6',2499],['coffe',31],['book',60],['Nike',699]] #根据列表 ...
c语言如何输出三角函数公式大全,用C语言打印出三角函数
在网上看到一个实例,是用C 中的* 打印出三角函数cos #include #include int main() { double y; int x,m; for(y=;y>=-;y-=0.0 ...
ACMNO.10打印出所有水仙花数，所谓水仙花数是指一个三位数，其各位数字立方和等于该本身。例如：153是一个水仙花数，因为153=1^3+5^3+3^3。 Output: 153 ???
题目描述打印出所有"水仙花数",所谓"水仙花数"是指一个三位数,其各位数字立方和等于该本身. 例如:153是一个水仙花数,因为153=1^3+5^3+3^3. ...

vue输出打印出当前经纬度

vue输出打印出当前经纬度

vue输出打印出当前经纬度相关推荐

最新文章

热门文章