城市定位和城市选择经验浅谈

最新推荐文章于 2025-07-17 09:06:04 发布

原创

最新推荐文章于 2025-07-17 09:06:04 发布 · 770 阅读

1 ·

CC 4.0 BY-SA版权

本文分享了在快应用中开发城市定位和选择组件的经验，由于快应用自身地理定位不返回城市信息，因此借助高德等第三方地图服务。通过调整SDKJS，将接口请求改为fetch，并设置相应参数，实现获取json数据。最后提供了源码参考链接供读者参考。

来源：快应用官方论坛

作者：cjhpsmj

今天我们来聊聊城市定位和城市选择自定义组件的开发，在之前的一个项目中需要用到就开发了一个两级的城市选择组件：

功能需求：

1、定位当前城市；

2、选择某个省份下的城市，选择后把城市和省份返回数据；

首先，我们要知道的是快应用的地理定位并没有返回城市信息，所以就需要借助第三方的地理位置查询服务，首选高德、百度、腾讯三家，都有免费的服务接口。

这个根据自己的实际情况选择就好了，因为他们都有微信小程序的SDK，我自己最先选择了高德，之前其他项目已经申请好了相关账号及服务。

1、我们现在就开始调整SDKJS,对SDKJS中数据请求接口做相应的调整，将微信SDKJS文件中的wx.request替换为fetch.fetch,并将wx.request接口中的的参数增加responseType:’json’，因为fetch.fetch接口中返回结果默认是’text’，需要json格式数据就需要加上此参数，不然再success中无法获取到相应的数据。如下：

修改前：

x.request({
  
  
url: "https://restapi.amap.com/v4/direction/bicycling",
data: d,
method: "GET",
header: {
  
  
"content-type": "application/json"
},
success: function (b) {
  
  
b && b.data && b.data