likes
comments
collection
share

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

作者站长头像
站长
· 阅读数 13

微信原生小程序-如何引入当前地理定位位置信息?

定位地图效果

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

代码中如何引入? -模糊位置>精确位置

先说下使用的流程:

当我们点击按钮,就要弹出我们的定位地图,根据用户所选把地图位置信息获取到,返回出来。获取到信息再执行相应的操作。一般使用场景就是微信共享位置,发送位置等等...

实现流程+代码

搜索↓chooseLocation

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

页面中

<template>
  <view>
    <h1>地图定位</h1>
    <button @click="add">获取地图位置</button>
  </view>
</template>
<script>
export default {
  methods: {
    add() {
      uni.chooseLocation({
        success: function (res) {
          console.log(res);
          console.log("位置名称:" + res.name);
          console.log("详细地址:" + res.address);
          console.log("纬度:" + res.latitude);
          console.log("经度:" + res.longitude);
        },
      });
    },
  },
};
</script>

微信原生文档地址:

developers.weixin.qq.com/community/d…

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

package.json Or app.json 这一步必须写

"requiredPrivateInfos": [
        "chooseLocation"
],

微信小程序引入当前地理定位地图,原生小程序-位置引入配置流程

配置完成就可以使用了,可能出现的问题,小程序无法显示,手动在小程序端的app.json加入配置项。到这一步就已经完成了。