微信小程序地图选点，不要再去使用wx.chooseLocation 电脑mac端是打不开的

wx.chooseLocation 用了很次。结果电脑端使用微信小程序的时候，提示：暂时不支持该功能，请在手机上进行操作。

 

微信小程序中需要使用地图选点功能，选择小程序插件：地图选点插件

官方插件介绍地址：

https://fuwu.weixin.qq.com/service/detail/000c2a50a58c206b3d1957a2d5b015

使用之后的效果：

 地图选择之后，返回的数据展示：

 index.js 文件相关代码

1，地图选点方法

// 地图选点
  ChoosePoint: function () {
    const key = '4HPBZ-52ZH5-HNHI2-Q7B6R-CAL2T-C5B4A'; //使用在腾讯位置服务申请的key
    const referer = '秀唐舒途'; //调用插件的app的名称
    const location = JSON.stringify({
      latitude: 39.89631551,
      longitude: 116.323459711
    });
    const category = '';
    wx.navigateTo({
      url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`
    });
  },

2，地图选点确认之后，返回的数据。需要放在onShow 方法中。

  onShow() {
    // 选点返回
    const location = chooseLocation.getLocation();
    console.log(location);
    this.setData({
      location: location
    });
  },

 index.wxml 文件相关代码

<view class="choosebut" bindtap="ChoosePoint">地图选点</view>
    <view wx:if="{{!location}}">地址：</view>
    <view wx:else>
      <view>位置名称：{{location.name}}</view>
      <view>纬度：{{location.latitude}}</view>
      <view>经度：{{location.longitude}}</view>
      <view>位置地址：{{location.address}}</view>
      <view>位置所在省：{{location.province}}</view>
      <view>位置所在城市：{{location.city}}</view>
      <view>位置所在区：{{location.district}}</view>
    </view>