微信小程序获取用户位置后在map中用markers标记显示距离误差问题

最新推荐文章于 2024-05-23 09:44:16 发布
最新推荐文章于 2024-05-23 09:44:16 发布
阅读量2.5k 收藏 4
点赞数
分类专栏： 日记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40938312/article/details/104186293
版权

误差是因为小程序默认的是wgs84
改为gcj02后误差会缩小很多
更直观的看下
下面是gcj02坐标，地图中心点与markers标记
在这里插入图片描述
下面是wgs84坐标
派大星是wgs84坐标获取的用户经纬度标记的markers
熊本熊是之前gcj02获得的经纬度
在这里插入图片描述
误差还是很大的
看看这三篇文章应该能明白大概齐了
百度、谷歌高德等网络地图经纬度偏差纠正以及相关坐标系问题
微信小程序中使用地图和定位的一些坑和经验
微信小程序-腾讯地图显示偏差问题
还有个网站能帮助我们获取经纬度并且转换坐标

还有个网站能帮助我们获取经纬度并且转换坐标
下面是简单的代码

  wx.getLocation({
      type: 'gc
最低0.47元/天 解锁文章
weixin_40938312
关注
专栏目录
微信小程序 - 超详细实现 ＜map＞ 地图组件上标记某个位置，利用您自定义的经纬度在地图上 “标记某一个地点“ 并且高亮显示（支持自定义高亮显示效果，详细示例源码教程稳定可靠运行）
王佳斌
08-19 2694
微信小程序map标点，微信小程序map如何进行标记位置，微信小程序根据经纬度在map组件上地图标记并高亮显示，微信小程序怎么在map地图组件上进行标记一个地点，微信小程序map组件地图标记某个地址，微信小程序如何在map组件上根据经纬度进行展示标记点，微信小程序在map上标记点后怎么高亮突出显示，微信小程序map自定义标记位置后怎么突出高亮显示在地图上，微信小程序map 地图组件定位并高亮显示某一个位置，如何在map上根据经纬度添加标记点(附源码)，微信小程序map地图组件如何实现添加标记点，引用 map
微信小程序开发——map地图组件，定位，并手动修改位置偏差。
热门推荐
贝尔·格里屌斯的专栏
01-29 9万+
环境搭建 注册，获取APPID（没有这个不能真鸡调试） 下载微信web开发者工具（挺多bug，将就用） 打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。 工程结构可以看到工程根目录中有个app.js，这里可以定义全局变量，通过getApp()获取。 项目中有了一些示例，已经有了获取用户信息的方法等。 开发地图定位，选择位置功能我们直接修改ind
腾讯在线地图定位不准或mark点标记不准的解决
m943917709的博客
08-14 3908
之前项目要用在线地图展示一些数据，无非就是加个mark或者加个点击mark展示infoWindow数据这些，按照官方文档比葫芦画瓢就做完了 后来又要加个定位，找了找文档：https://lbs.qq.com/webApi/component/componentGuide/componentGeolocation发现这个貌似可以，于是就加上了。可是后来客户说定位不准，于是就开始了测试排查之路 经过测试发现地图缩放级别到最大的时候的定位展示是较为准确的，随着缩放级别的变小，标记的定位点也越来越跑偏了，这我.
uniapp苹果端map缩放时markers不会自适应
qq_48555398的博客
10-21 629
我们在uniapp中使用map组件时，markers在ios端缩小很大比例时会发现没有自适应，比如我们定位到北京，缩小很大比例后可能markers都到北冰洋了。 解决:我们只需在marker对象中加上以下代码方可解决。 anchor: { x: 0.5, y: 0.5 }
小程序 map地图 多点标记
不靠谱的作曲家
08-20 3739
实际项目中的操作 data:{ markers: [], }, onLoad: function(options) { wx.request({ url: “这里是接口地址”, data: { //传入的参数 longitude: app.globalData.longitude, latitude: app.glo...
完美解决原生小程序点击地图markers上的点获取不到对应的坐标信息
最新发布
文龙刚的博客
05-23 418
【代码】完美解决原生小程序点击地图markers上的点获取不到对应的坐标信息。
微信小程序map组件 markers 展示当前位置&&修改标记点图标
江咏之
07-22 6434
当前位置展示： <view> <map id="myMap" show-location class="container" style="width: 100%; height: 800rpx;" /> </view> onShow: function() { this.mapCtx = wx.createMapContext('myMap') this.mapCtx.moveToLocation() } 改个标记点的默认样式： 方法一 <view
微信小程序map组件动态markers
03-29
使用wepy框架，请求回来的数据设置给data里面初始化的markers，使用wx：if在拿到数据后渲染map组件，模拟器上没问题，真机上map组件渲染不出来   本主题由 Rolan 于 2018-10-12 14:17 审核通过       (此图片...
微信小程序—map地图实现标记多个位置（导入即可用）
05-26
现在，你已经成功实现了在微信小程序中显示并管理多个地图标记。如果需要动态更新标记，只需修改`markers`数组并调用`wx.setStorageSync`或`wx.setStorage`存储数据，然后在`onLoad`或`onShow`中读取并赋值给`...
java微信开发中的地图定位功能
08-27
本文通过实例代码给大家介绍了java微信开发中的地图定位功能,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
10-17
微信小程序的map组件是一个用于展示地图的组件，它提供了一系列的属性和事件，使得开发者可以在小程序中方便地嵌入地图，并实现地图的一些交互功能。map组件常用属性包括但不限于： - longitude：中心点经度。 - ...
微信小程序 地图组件使用
qq_41171755的博客
07-17 468
本地图程序利用map组件，以及使用它的markers,polyline属性分别设置地图两个位置的标志以及他们之间的连线，利用腾讯地图的API对两个地点进行查询，动态设置地图的经纬度，以及动态初始化markers,polyline属性。 程序运行截图如下： 程序代码如下： app.json { "pages": [ "pages/index/index", "pages/logs/lo...
微信小程序开发——map组件
番薯大佬的专栏
04-03 1万+
WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml&lt;map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" controls="{{controls}}" circles="{{circles}}" polyline=&quot
微信小程序 地图标记
Nina_xy123的博客
08-09 4668
微信小程序 地图标记 .wxml &lt;map latitude="{{latitude}}" longitude="{{longitude}}" show-location="true" style="width: 100%; height: 550px;" scale="10" markers="{{markers}}"/&gt; .js Page({
地图缩放后Marker偏移的问题
weixin_30532987的博客
10-08 1955
最近在做地图开发，遇到一个小坑，记录在这里。 按照高德地图的文档，初始化Marker(图标)并将其放置到地图上，示例如下： var marker = new AMap.Marker({ icon: "http://www.easyicon.net/api/resizeApi.php?id=1185658&size=32", position: [120....
微信小程序——地图定位点marker
我是我
10-26 4438
微信开放文档map 微信开放文档地图相关API 一、目标实现 显示部分地图，并在想要位置进行标点定位 二、实现过程 1.在页面wxml文件中绘制一个地图 <view class="schools-map"> <map id="myMap" scale="15" // 缩放级别 latitude="{{latitude}}" // 当前纬度 longitude="{{longitude}}" // 当前经度
实现小程序地图marker标记（小程序地图实现多个标记点）
Amy_ly的博客
09-27 4861
小程序地图实现多个标记点
[小程序]微信小程序获取位置展示地图并标注信息
程序员老狼专注开发aigc或客服系统应用
08-31 1917
1.map组件的高度如果想要铺满屏幕，要是使用height:100vh样式2.获取位置要在app.json中标明权限3.先使用wx.getLocation获取自己的位置，然后再回调中使用setData方法，赋予数据给前台页面展示标注点 index.js //index.js //获取应用实例 const app = getApp() Page({ data: { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值