微信小程序地图选点，不要再去使用wx.chooseLocation 电脑mac端是打不开的_微信小程序开发者工具里面打不开wx.chooselocation-CSDN博客

本文链接：https://blog.csdn.net/zlart/article/details/123365560

本文介绍了在微信小程序中如何使用地图选点插件，展示了相关代码实现地图选择功能，并详细说明了遇到的电脑端不支持该功能的问题，强调需在手机上操作。同时，给出了数据返回后的展示方式和解析数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>