微信小程序定位总结

最新推荐文章于 2024-08-04 10:22:25 发布

ssxbxk

最新推荐文章于 2024-08-04 10:22:25 发布

阅读量3.1k

点赞数

分类专栏：小程序开发文章标签：微信小程序 getlocation

本文链接：https://blog.csdn.net/ssxbxk/article/details/83273388

版权

在将Web项目嵌入微信小程序web-view时遇到定位问题，尝试微信JSSDK和小程序自身getLocation方法效果不佳。最终解决方案是利用浏览器的定位功能，但iOS需基于HTTPS并解决HTTP地图在HTTPS网站中显示和定位的冲突。

摘要由CSDN通过智能技术生成

1. 背景

工作需要, 一个web的项目嵌入到微信小程序web-view里面使用, 其中用到了微信的定位接口 wx.getLocation.

2. 遇到的问题

a. 使用微信的JSSDK中的getLocation方法

存在定位不准, 某些android手机上定位异常的问题, 所以废弃了.

b. 使用微信小程序自身的getLocation方法

仍然存在定位不准, 定位慢的问题...后来发现, 在web-view所在的小程序页面中, 隐藏一个微信自己的map控件, 定位速度大大提高, 并且准确性也比较高(WTF???)

但是, 后来遇到这个问题, 导致彻底放弃用微信的定位了(太TMD坑了...):

安卓wx.getLocation用数据流量经常获取不到位置

c. 直接使用浏览器的定位

最终的做法, 竟然是直接使用浏览器自身的定位完成的

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ssxbxk

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序getLocation方法定位不准确，减小误差

study_azhuo的博客

12-29

421

减小getLocation误差，转换坐标系

微信小程序定位

qq_55700600的博客

06-06

1813

微信小程序定位正在上传…重新上传取消输出值为：正在上传…重新上传取消其中是纬度，是经度。到这里我们的第一步已经完成了。第二步就是如何将经纬度转化为地区位置了，我使用了腾讯的位置服务根据个人情况登录或者注册，然后再点击以下位置创建应用然后点击文档里的以下位置选择逆地址解析然后根据文档编写代码返回值如下：之后就可以把拿到的值随意使用啦显示当前用户的地理位...

参与评论您还未登录，请先登录后发表或查看评论

使用微信小程序开发实现定位和导航功能

08-04

1824

在移动应用开发中，定位和导航功能是许多应用场景的核心组成部分。微信小程序作为一种便捷的移动应用形式，也支持实现这些功能。本文将详细介绍如何在微信小程序中集成定位和导航功能，并提供详细的代码示例和实用技巧，帮助开发者更好地理解并掌握这一技术。通过上述示例和技术分析，我们可以看到微信小程序提供了强大的定位和导航功能。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，

小程序地图定位

梦寻汝的博客

06-15

7333

//这些代码是借鉴了别人的，我只改了一小部分。里面的好的东西还是可以去掉的！大哥的链接为 https://blog.csdn.net/yangyang031213/article/details/79459675 // .js js文件//获取应用实例 const app = getApp()Page ( { data: { latitude: ...

14.微信小程序之地理定位功能

weixin_41993336的博客

05-28

6188

小程序地理定位是指通过小程序开发平台提供的。

微信小程序定位功能

weixin_43893844的博客

05-17

3269

1.在app.json中配置 "permission":{ "scope.userLocation":{ "desc":"你的位置信息授权" } } 2.在.wxml中 <map latitude="{{lat}}" longitude="{{lon}}"></map> <button type="primary" bindtap="getLocation">获取位置</button> <

基于微信小程序和硬件和巴法云的定位系统

06-04

总结来说，构建一个基于微信小程序、硬件设备和巴法云的定位系统，需要整合多种技术手段，包括微信小程序的开发、硬件设备的集成、地图服务的调用以及用户信息管理。这样的系统不仅能满足日常的导航需求，还能在社交...

微信小程序实现婚礼邀请函源代码

07-01

微信小程序是一种轻量级的应用开发平台，主要用于在微信内创建丰富的互动体验。在这个"微信小程序实现婚礼邀请函源代码"项目中，开发者提供了一种创新的方式，让宾客可以通过微信小程序收到并查看婚礼邀请。下面我们...

菜谱微信小程序源码.zip

06-06

总结来说，"菜谱微信小程序源码.zip" 提供了一套完整的菜谱类小程序开发实例，对于想要学习微信小程序开发或者对菜谱应用感兴趣的开发者来说，是一个宝贵的参考资料。通过深入研究源码，可以了解微信小程序的开发...

微信小程序_腾讯地图定位源代码

10-27

地图定位功能是APP必备的功能，代码规范，值得借鉴和学习

微信小程序 腾讯地图显示偏差问题解决

01-20

背景在小程序中使用map组件，可以调用腾讯地图的API，将一些固定的点标记到地图界面上，点的经纬度获取是通过android端百度地图API获取的，所以此时将这个位置点信息直接设置上去会出现偏差，而且偏差还比较大小程序设置位置点关于如何在map组件上设置位置点，详细请查看腾讯官方文档首先看一下map组件： <map id=map longitude=113.324520 latitude=23.099994 scale=14 controls={{controls}} bindcontroltap=controltap markers={{markers}

小程序web-view调用H5页面发起小程序抽取微信地址示例代码

09-28

小程序web-view调用H5页面发起小程序抽取微信地址示例代码。这接口是我熬夜写出来的，可以用于ECtouch的H5发起小程序调用微信收货地址，如果看不懂的话，可以进微信>>发现>>小程序搜索：“春意谷成人用品商城”进“春意谷成人用品商城”这个小程序可以看我做的接口演示，小程序里面有我的联系方式，可以通过小程序联系我，如果是我不忙的时候也可以帮你简单解答。希望能帮你节省些时间。

电影商城微信小程序模板.zip微信小程序模板源码

08-12

电影商城微信小程序模板是...总结，电影商城微信小程序模板为开发者提供了一套完整的解决方案，涵盖了电影票务业务的主要功能。通过深入学习和实践，开发者可以掌握微信小程序的开发技巧，并快速构建自己的小程序应用。

微信小程序开发之城市定位

风中追风

02-25

1290

背景：在进行小程序开发时，有一个定位城市的需求，下面就来讲讲怎么实现这个功能的吧解决方案：小程序的wx.getLocation()获得是经纬度并不包含地名，所以要通过经纬度用相应的地图转换出地名(本文使用的是百度地图)。 /* 微信获取城市定位 */ wx.getLocation({ type: 'wgs84', success(res...

微信小程序wx.getLocation定位不准

dlchgg的博客

10-25

1896

①微信小程序的官方文档例子用的是wgs84坐标系，文档文字描述又说要用gcj02坐标系，修改一手，再照着文档改一手高精度定位再试试，奇怪的是我在模拟器偶尔显示不了定位。②微信开发者工具不展示的时候不会报错，我在想会不会是别的什么原因，搞了个错误回调给确认框，到时候更新了在我手机上试试看看。②电脑的微信小程序可以展示定位，而手机端根本展示不出来，但是我看数据库中的数据是有可以定位的，很奇怪。①上班碰到的，相差很远，目测几公里是最起码得。

微信小程序开发：实现地理位置定位功能

吃不胖.

10-24

3900

通过定位功能，我们可以更加方便地获取用户当前所在的位置信息，为用户提供更好的服务。如果用户同意授权，小程序就会在本地缓存中存储用户的位置信息，并在后续使用中直接从本地缓存中读取用户的位置信息。获取用户授权小程序需要使用用户的位置信息，我们需要先获取用户的授权。如果用户同意授权，小程序就可以获取用户的位置信息。获取用户位置信息获取用户授权之后，我们就可以通过wx.getLocation方法获取用户的位置信息了。在地图上显示用户位置获取用户位置信息之后，我们可以将该位置在地图上进行标记，方便用户查看。

uniapp 微信小程序获取当前位置定位不准确问题 uniapp 微信小程序获取当前位置的坐标（经纬度），通过坐标去获取当前具体地址

maoge_666的博客

07-06

4060

uniapp 微信小程序获取当前位置定位不准确问题 uniapp 微信小程序获取当前位置的坐标（经纬度），通过坐标去获取当前具体地址

uniapp微信小程序定位demo

10-29

uniapp是一款跨平台的开发框架，支持同时开发微信小程序、App、H5等多个平台的应用程序。在uniapp中开发微信小程序的定位功能非常简单，可以通过调用uniapp提供的API实现。首先，在uniapp的项目中，我们可以使用uni.getLocation方法来获取用户的位置信息。这个方法会弹出微信小程序的位置授权提示框，用户可以选择是否授权获取位置信息。我们可以在页面的生命周期钩子函数中调用这个方法，例如在mounted钩子函数中。在调用uni.getLocation方法之前，我们需要先引入uniapp提供的API，可以通过在页面的script标签中添加import语句来实现。引入之后，就可以在页面的方法中调用uni.getLocation方法了。调用uni.getLocation方法后，会返回一个Promise对象，我们可以通过.then方法来处理获取位置信息成功的情况，并进行相应的处理操作，例如展示地理位置的信息。如果获取位置信息失败，可以使用.catch方法来处理。通过以上的步骤，我们就可以在uniapp微信小程序中实现定位功能的demo了。当然，在实际开发中，我们还可以通过uni.showLoading等方法来优化用户体验，例如在获取位置信息期间显示一个加载动画。总结一下，uniapp微信小程序定位demo的实现步骤如下：引入uniapp提供的API，调用uni.getLocation方法获取位置信息，处理获取位置信息成功或失败的情况，并进行相应的操作。希望以上的回答对您有所帮助！