微信公众号H5项目中用高德地图实现用户定位（vue）

程序媛gy

于 2021-01-11 14:42:34 发布

阅读量2.7k

点赞数 2

分类专栏： vue 公众号 H5公众号文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/csdn_zhhjgy/article/details/112468254

版权

遇到的问题：用高德官网的方法去定位时发现，ios可以在http的网址定位，而安卓手机只能在https的网址定位，这个也是很奇葩，查了官网文档说，是因为浏览器禁止了非安全域的定位请求。但是我们的站点就是https的，总之就是定位不成功，但是没有解决不了的bug，最后成功定位的实现思路就是，利用公众号开发的api先拿到用户的地理位置，转化为高德的坐标，再添加一个marker来实现

// 定位到用户当前位置
    handleLocation() {
   
      var _this = this;
      // 公众号开发的api
      wx.getLocation({
   
        type: "wgs84",
        success: function(res) {
   
          // 用户同意后,将获取的位置基础信息(经度和纬度信息)请求到控制器

最低0.47元/天解锁文章