专栏首页changyandou微信小程序中定位城市

微信小程序中定位城市

示例:

在微信小程序中,如何实现上述的“你所在地区”的显示。

①引入qqmap-wx-jssdk.js,如下:

(图片来自:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview)

②在控制台中创建对应类型的应用程序,如下:

③然后在小程序的代码中使用如下方式获取对应的城市,用于地址定位的功能点上:

var QQMapWX = require('qqmap-wx-jssdk.js');
var qqmapsdk;
const getCurCity = function (callback) {
  qqmapsdk = new QQMapWX({
    key: '*****************'
  });
  wx.getLocation({
    type: 'wgs84',
    success: function (res) {
      var latitude = res.latitude
      var longitude = res.longitude
      console.log('latitude')
      console.log('longtitude')
      qqmapsdk.reverseGeocoder({
        location: {
          latitude: latitude,
          longitude: longitude
        },
        success: function (res) {
          var city=res.result.ad_info.city;
          if(city.endsWith('市'))
          {
            city=city.substr(0,city.length-1);
          }
          if(callback)
          {
            callback(city);
          }
        }
      });
    }
  })
}

本文分享自微信公众号 - changyandou(changyandou)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-08-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序——城市/区县定位选择组件

    前两天在实现一个城市选择器的需求的时候,在github上看到了BeijiYang同学的开源项目,觉得做的非常不错,不过是基于原生小程序写的,所以就花了点时间把他...

    Originalee
  • 微信小程序实现城市定位:获取当前所在的国家城市信息

    微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家,哪...

    一斤代码
  • 微信小程序----map组件实现(获取定位城市天气或者指定城市天气数据)

    Rattenking
  • 小程序不能定位城市怎么办?

    找到【开发文档】-【服务接口】-【web服务】-【地理解码】,可以实现通过经纬度返回城市信息;也可以通过城市信息返回经纬度。

    用户1093975
  • 微信小程序获取用户所在城市

    在微信小程序中, 获取用户的地理位置是需要权限的, 如果只是获取用户所在的城市信息, 那只需查看用户ip所在的城市就好了, 下面我们就完成获取用户ip的小程序逻...

    Javanx
  • 微信小程序通过ip获取用户所在城市

    zhaoolee
  • 微信小程序地图定位点不在视觉中心

    后来通过wx.getLocation()获得自己的定位点的信息,在开发工具中打印经纬度,然后把数值赋值给data,发现还是不在视觉中心,而且此时的经纬度与百度地...

    天天_哥
  • 校园超市,百货超市小程序,手把手带你开发一款微信商城小程序,云开发+cms+数据库+js+css+微信小程序

    这些操作都和商品列表是联动的,也就是商品列表和购物车里增删个数,都是可以同步的。我会在项目预览章节的视频里做具体演示。

    编程小石头
  • 微信小程序+商城信息管理系统

    a 会员管理 b 会员等级 c 收货地址管理d 会员优惠劵 e 会员收藏 f 会员足迹

    程序源代码
  • 微信小程序-元素的定位相对绝对固定

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    叉叉敌
  • 微信小程序结合腾讯地图获取用户所在城市信息

    实现小程序进去后会获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上。

    腾讯位置服务
  • 实战:在小程序中获取用户所在城市信息

    最近在做自己的小程序《看啥好呢》,这个小程序是使用云开发的方式开发的,功能特别简单,就是获取豆瓣、大麦网的数据展示,虽然功能简单,但还是记录下开发过程和一些技术...

    张张
  • 【WxApp】微信小程序商城开发日志

    Hyejeong小DD
  • 微信小程序在腾讯地图上选择定位

    微信小程序地图上选择位置 参考这位大神的,确实有效果。 做了一个考勤的小程序,当然,也是整体拿的https://github.com/tommenx/wxs...

    hotqin888
  • 小白入门必看 ‘’微信小程序地图定位开发教程‘’

    目前腾讯位置服务提供路线规划、地图选点、地铁图、城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现。

    腾讯位置服务
  • 【程序源代码】微信小程序商城管理系统(Java后台+微信小程序)最新版

    基于Spring+Vue+Mysql+Redis主流技术开发框架集成开发的微信商场管理系统;其中包含微信小程序、java后端、java PC端、数据接口等技术框...

    程序源代码
  • 微信小程序中事件

    当视图层发生事件时,某些情况需要事件携带一些参数到执行的函数中, 这个时候就可以通过

    小小咸鱼YwY
  • 微信小程序中使用地图和定位的一些坑和经验

    首先,经过测试,使用GCJ02(火星坐标)比WGS84(GPS)的坐标在计算距离的时候更为精确。在微信小程序中使用内置接口获取用户坐标,代码放在app.js里:

    双面人
  • 【程序源代码】微信小程序分销商城前后端

    基于微信小程序的商城前端。该项目以ShirneCMS为接口端实现原生小程序的商城系统

    程序源代码

扫码关注云+社区

领取腾讯云代金券