vue使用腾讯位置服务获取当前位置

前言

实现此功能,首先请先看下腾讯位置服务的开发指南

vue使用腾讯位置服务获取当前位置_第1张图片

实现

本文使用的是方法一(通过iframe内嵌调用):

参照文档写的例子来用就行,关键是看您拿到数据怎么处理:

vue使用腾讯位置服务获取当前位置_第2张图片

组件里面的内容:

vue使用腾讯位置服务获取当前位置_第3张图片

验证步骤

验证地址:https://lbs.qq.com/dev/console/user/info

开发者验证之前:

vue使用腾讯位置服务获取当前位置_第4张图片

开发者验证之后:

key获取地址:https://lbs.qq.com/dev/console/key/manage

vue使用腾讯位置服务获取当前位置_第5张图片

组件js部分:

vue使用腾讯位置服务获取当前位置_第6张图片

vue使用腾讯位置服务获取当前位置_第7张图片

作者:悠悠风来

链接:https://segmentfault.com/a/11...

来源:SegmentFault

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(前端,腾讯地图,地图开发,地图api,vue.js)