腾讯地图计算两点间距离

article/2025/9/18 15:17:18

上一篇没来得及说,之所以把百度地图换成腾讯地图,是因为在IOS中,小程序不能正确显示,具体出错如下图(我真是费老大劲找出来的),网上百度了好多,也有出现类似情况的,心痛,在小程序官方也没找到解决方案,若有人知道,望周知,定感激不尽。

换成腾讯地图后,出现定位偏差,而且而且,偏差很大,老板在濮阳,竟然显示的是上海,好吧,他过年的时候在上海。没办法,还是换成了H5定位。

具体的H5定位,已经在H5定位+腾讯地图逆地址解析 = 定位到区县这篇中写到了,有指教请移步该篇。

本篇说的是利用腾讯地图计算两点间的距离,是获取用户当前位置并计算一个固定位置。

在这个链接里,可以查看腾讯地图JavaScript API方法 :https://lbs.qq.com/javascript_v2/demo.html

具体实现逻辑:

//获取当前用户经纬度

//设定已有经纬度

//判断距离

代码如下(接H5定位+腾讯地图逆地址解析 = 定位到区县这个JS写):

function showPosition(position){lat=position.coords.latitude; lng=position.coords.longitude;//调用地图命名空间中的转换接口   type的可选值为 1:GPS经纬度,2:搜狗经纬度,3:百度经纬度,4:mapbar经纬度,5:google经纬度,6:搜狗墨卡托qq.maps.convertor.translate(new qq.maps.LatLng(lat,lng), 1, function(res){//取出经纬度并且赋值center = res[0];map = new qq.maps.Map(document.getElementById("container"),{center:  center,zoom: 12});//逆地址解析geocoder = new qq.maps.Geocoder({complete : function(result){let district = result.detail.addressComponents.district;   //定位到区县document.getElementById(dwTxt).value(district);}});geocoder.getAddress(center);//计算两点间的距离var start = new qq.maps.LatLng(lat, lng);var endA = new qq.maps.LatLng(38, 115);var endB = new qq.maps.LatLng(34, 118);var distanceA = Math.round(qq.maps.geometry.spherical.computeDistanceBetween(start, endA)*10)/10;var distanceB = Math.round(qq.maps.geometry.spherical.computeDistanceBetween(start, endB)*10)/10;//判断距离是否大于20000mif(parseInt(distanceA) <= 20000 && parseInt(distanceB) > 20000){bababbabababablllalallalala});}else if(parseInt(distanceB) <= 20000 && parseInt(distanceA) > 20000){balbalbalabalbalbalbalbalabalabalabalabalba});}else{aaaaaaaaaaaaaaaaaaa}});}

 

 

 

 

 


http://chatgpt.dhexx.cn/article/T9NjDnI8.shtml

相关文章

高德地图计算两坐标之间距离

Java实现Javascript实现MySQL实现 最近在做与地图相关的应用&#xff0c;使用了高德地图&#xff0c;研究了下高德地图计算两坐标距离的方法&#xff0c;官网上提供的开发包中有相关的方法&#xff0c;但是我的产品中比较特殊&#xff0c;无法直接使用提供的方法&#xff0c;所…

google地图测距原码

http://hi.baidu.com/shirdrn/blog/item/a7204afc716641fbfc037f85.html Google Maps自带实例多点测距尺实现的功能就是可以根据用户标出的任意多点&#xff0c;从而返回计算得到的各个点之间的距离。也就是说&#xff0c;计算出了一条折线的长度——是在地理上的实际距离。 实…

ArcGIS API For Javascript 4.15 绘制地图:在地图上测距离、测面积和在不同图层上搜索

1、HTML 页面 ## index.html<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>第七讲-小部件</tit…

百度离线地图示例之二:测距

前言介绍&#xff1a; 主要是基于v3.0的API版本进行的离线&#xff0c;纯内网可操作&#xff0c;基本上实现了现有90%以上的功能点&#xff0c;能兼容jpg和png格式的瓦片图层&#xff0c;实现了原生和基于Vue两个版本&#xff08;包含常用的55个示例&#xff09;&#xff0c;文…

距离测度

欧氏距离测度&#xff08;EuclideanDistanceMeasure&#xff09; 也称欧几里得距离&#xff0c;在一个N维度的空间里&#xff0c;求两个点的距离&#xff0c;这个距离肯定是一个大于等于零的数字&#xff0c;那么这个距离需要用两个点在各自维度上的坐标相减&#xff0c;平方后…

测量地图距离

1&#xff1a;首先新建矢量图层&#xff0c;用来显示坐标点等&#xff1a; lineLayer new SuperMap.Layer.Vector(“lineLayer”); polygonLayer newSuperMap.Layer.Vector(“polygonLayer”); Jia_markers new SuperMap.Layer.Markers(“Jia_markers”); 然后设置一下图层…

高德地图(第二篇)测量距离小工具

实现如下图一样的小工具 操作说明&#xff1a; 1.在地图上长按选点&#xff0c;第一个点添加起点marker,底部导航点为红色表示正在编辑 2.连续选点会弹出气泡计算总距离&#xff0c;底部导航点为红色表示正在编辑 3.点击气泡内垃圾桶会删除当前点,回退到上次内容. 4.点击红…

谷歌地图怎么测距

您可以使用“距离测量工具”轻松计算从 Google 地图上的一个地点到另一地点的距离。 要完成此操作&#xff0c;请执行以下步骤&#xff1a; 访问 maps.google.com。 点击左侧面板底部的 Google 地图实验室链接。 启用距离测量工具。 点击保存更改。 点击地图左下角…

GIS 测距离操作

开发工具与关键技术: SuperMap iDesktop 9D GIS 作者:杨泽平 撰写时间:2020、5、20GIS测距离是通过调用发布在isever服务器上的地图进行的基础操作,他主要是根据地图比例尺在地图中取一个点绘制一条线再通过计算得出他的实际距离,这主要方便得出两地之间的实际距离。 详细…

Win11安装及部署hexo

1、 在本地安装hexo框架 1.1 安装git 下载链接&#xff1a;Git - Downloads (git-scm.com) 安装教程&#xff1a;Git 安装配置 | 菜鸟教程 (runoob.com) 1.2 安装Nodejs 下载链接&#xff1a;下载 | Node.js 中文网 (nodejs.cn) 安装教程&#xff1a;Node.js 安装配置 | …

win10 mbr下装linux,(MBR模式)Win10下安装Ubuntu18.04双系统

1.制作U盘启动工具。 2.删除一个磁盘&#xff0c;不格式化(我删除了200G的磁盘)。 3.启动电脑&#xff0c;按F12进入启动选项&#xff0c;选择U盘启动&#xff0c;安装Ubuntu18.04系统。 4.进入启动界面&#xff0c;选择try ubuntu试用&#xff0c;不要选择立即安装。因为试用时…

win10安装torch

最近由于搞风格迁移&#xff0c;于是去https://github.com/FlyingGoblin/CartoonGAN下载了工程&#xff0c;结果一看&#xff0c;需要安装torch 从作者提供的链接https://github.com/torch/distro进去 把工程clone下来&#xff0c;我放到了D:\torch&#xff0c; 同时注意到在wi…

win2008服务器虚拟内存设置,电脑虚拟内存设置(Win 7/8/10、Windows Server 2003 - 2019)...

一般来说&#xff0c;个人电脑不用设置虚拟内存&#xff0c;现在内存都比较大(一般的 4G、稍微好点的 8G&#xff0c;更好的 16G以上)&#xff0c;这么高的内存已经足够使用。服务器不一样&#xff0c;一方面服务器会随着内存的升高&#xff0c;价格明显升高&#xff1b;另一方…

win10 jungo windriver

目录 前言 1、安装windriver 1.1、disable Secure Boot 1.2、digital driver signing enforcement 2、FPGA 逻辑下载及PCIE驱动安装 2、PCIE PIO通信测试 3、PCIE DMA通信测试 3.1、vs打开BMD工程 3.2、流程演示 3.3、VS2015 PCIE DMA驱动调试程序 3.4、DMA板卡测试…

win10 安装 Phoenix

文章目录 一、前置要求二、安装 Phoenix 一、前置要求 需要 Erlang 18 或更高版本需要 Elixir 1.5 或更高版本需要 Node.js 5.0.0 或更高版本 注意&#xff1a;Phoenix 默认使用 PostgreSQL 作为数据库 &#xff0c;可以在创建新应用时通过参数 --database mysql 来切换到 MyS…

运行win7计算机需要多长时间,WIN7电脑运行太慢怎么解决

windows系统使用时间越长,系统越臃肿,速度也越来越慢&#xff0c;那么WIN7电脑运行太慢怎么解决呢?今天学习啦小编与大家分享下解决WIN7电脑运行太慢的具体操作步骤&#xff0c;有需要的朋友不妨了解下。 WIN7电脑运行太慢解决方法一 win7系统运行太慢一般有以下几个原因&…

win7硬件要求_九代酷睿平台装Win7的方法!2019年九代i5-9400F配B365装机配置单

九代酷睿平台可以装win7吗?理论上九代平台的主板都是不能安装Win7系统的,当然有九代酷睿平台装Win7的方法,不过需要特定的主板可以安装的,就在近期intel发布了B365主板,支持Win7系统,不过需要搭载独立显卡才可以支持,支持核显装机平台。下面装机之家分享一套针对2019年的…

win10安装Ubuntu16.04

第一次安装双系统&#xff0c;踩了不少坑&#xff0c;花了两三天才装好&#xff0c;因为电脑的不同&#xff08;本人电脑联想小新i5&#xff09;&#xff0c;网上那些安装过程有些不适用&#xff0c;所以花了好长时间&#xff0c;甚至差点决定去重装系统了&#xff0c;为了以后…

HD2500显卡驱动linux,Intel发布HD Graphics 2500/4000显卡Win10驱动下载

IT之家讯 Intel发布了用于第三代CPU核心显卡HD Graphics 2500/4000的新版Win7/Win8.1/Win10驱动程序&#xff0c;版本号为15.33.39.4276&#xff0c;本次更新最大特点就是加入了对Win10的支持。但需要注意的是&#xff0c;Windows10系统安装该驱动过程中会提示“驱动程序未签名…

华硕u4000u 重装window7 重装win7 重装window10 重装win10 重装系统 戴尔 联想 鸿基 重装系统远程协助

很多人都会遇到华硕U4000或者U4000&#xff0c;window10降级成window7&#xff0c;各种ghost原版镜像都无法安装的问题。 下面就是解决步骤。 可以先参考博客&#xff1a;https://blog.csdn.net/jessical1020/article/details/64906925 boot设置 1&#xff0e;F2进入boot&a…