- 博客(70)
- 收藏
- 关注
RSS订阅转载 腾讯地图实现车辆轨迹回放功能
有的项目比如专车、城际车、代驾、顺风车等网约车行业，需要做车辆轨迹回放，这里给大家分享一下如何用腾讯位置服务API完成车辆轨迹回放的，并且在车辆轨迹回放中模拟了真实的速度和方向。提前要说的几点：1、首先因为是Web网页端的功能，所以需要用到的是地图模块的API，可以选择百度地图或者腾讯地图。2、由于需要位置信息，所以地图需要支持点到点的路线绘制功能。3、关键点：需要一个小车，并且小车是可以根据不同的方向而改变车头朝向。因为前两点功能百度地图API可以满足，但是第三点，腾讯地图LBS，更新了新版本的
2022-03-24 10:25:39
807
转载 简单的路径规划demo分享
前言这个腾讯地图的demo可以做到：1.定位位置2.规划起点和终点的路线3.显示规划路线距离以及计算路费4.动画模拟小车在规划路线上的平滑移动。实现步骤先看下实现效果：新建个Android项目并新建个Activity，命名为DrivingRouteActivity，先来画一下UI布局，布局比较简单，由一个腾讯SDK包下的地图组件MapView，以及两个用于输入起始位置的输入框，两个确认路线规划的Button，一个定位当前位置的ImageView，一个用于显示行程信息的TextView组成，布局代码只
2021-09-15 20:51:08
380
转载 七夕表白攻略：程序员的代码情书
七夕就要来到了，在这个浪漫的日子里，如何才能展现程序员独有的魅力呢？当然是写代码啊！！！不管你和“ta”有多远，是隔着几公里，还是一座城，还是一个省，在手掌地图里的你们，心是紧紧的挨在一起。快来看看这个手掌地图的效果是咋样的吧~ 程序员表白手掌地图 一、使用个性化地图将小岛变成爱心登录腾讯位置服务官网，注册帐号，在key管理里创建新密钥，QQ和微信都可以直接登录，而且个性化地图在网站和
2021-08-11 23:33:18
782
原创 html前端使用腾讯地图入门教学：在地图上标记位置
本文教给大家如何使用JavaScript API进行基于LBS的基础开发：在地图上标记位置。提供地图服务的有高德地图、百度地图和腾讯地图，腾讯地图官网上的JavaScript API已升级到了JavaScript API GL，Javascript API GL是基于WebGL技术打造的3D版地图API，3D化的视野更为自由，交互更加流畅，故本文此次选取的地图是腾讯地图。1.、 注册账号a. 注册成为开发者b. 申请密钥，在如图位置创建新密钥c. 进行配置推荐使用授权IP的方式进行配置，将你个人的
2021-08-04 22:14:54
4491
原创 一文跑通腾讯地图demo
笔者最近在做打车相关的项目，需要用到地图，针对腾讯地图的小白级入门教程比较少，特把跑通地图demo的几个步骤写下来，供新人参考。简单介绍一下，腾讯地图示例demo有基础地图、定位、地图交互、地图变换、标注、图形绘制、路线规划、检索等功能。在基础地图里有展示地图、地图类型、室内图、海外图、多样式切换、离线地图的功能模块。一、注册账号注册地址：https://lbs.qq.com点击链接进入腾讯位置服务官网，完成账号注册信息。从右上角头像图标进入控制台，拿到key（一串密钥码），后边会用到，具体信息如
2021-07-28 16:45:19
350
原创 腾讯地图关键字智能提示搜索
前言开发者在开发诸如地点检索或行程推荐的系统，这时候用户常常需要对地址信息进行输入检索，提供关键词输入提示功能的话，将有助于用户快速查找地址，提高搜索的体验感。利用腾讯地图提供的接口可以快速的实现智能化的输入提示。具体的实现方法见下文。一、功能介绍关键词输入提示接口可以用于获取输入关键字的补完与提示，帮助用户快速输入。可以通过配合前端程序实现Autocomplete（自动完成）的效果。二、密钥申请1. 用户登录打开腾讯位置服务主页：https://lbs.qq.com，点击右上角的登录按钮：
2021-07-15 11:25:11
1531
转载 vue 集成腾讯地图基础api Demo集合
vue 集成腾讯地图基础api Demo集合(基础地图引入与展示模块,地址逆解析，3D/2D切换 ，位置服务，mark标记)写作背景官方网站的demo大部分都是原生js，较基础，很多高级Api分布比较分散，为了有利于开发者查找，使用vue结合网上的开源框架vue-admin参照官方网站demo，做一个开箱即用的Demo集合出来。（ down下项目来会有个登录界面，随便输入六个字符就可以了）项目预览大家可以从这个地址直接拉取代码 然后复制粘贴就好了。项目说明由于笔者时间仓促，目前只整理了四个模块分
2021-07-09 11:38:51
303
转载 uniapp H5项目中使用腾讯地图sdk
前言这里主要针对的是H5，小程序或app都有现成的sdk可以使用；本人是用uniapp在做微信公众号的h5页面，其中需要把经纬度信息转化成文字描述的位置信息，在腾讯地图开发平台上申请了一个key，然后下载了一个微信小程序使用的微信小程序JavaScriptSDK v1.2但是这个sdk是为小程序设计的，所以在vue的h5中使用会有跨域问题，所以结合vue-jsonp对这个sdk做了一下修改，可以直接放入h5中使用。此方法不止在uniapp中可以使用，在所有H5项目中都可说明关于sdk怎么修改的我就
2021-06-28 15:08:08
651
转载 腾讯地图打车乘客端小车平滑移动-安卓篇
前言当使用打车软件打车时，我们会好奇司机在送乘客的时候，乘客的手机并没有在导航，那到底是如何做到的呢？今天我们来揭开它神秘的面纱准备工作实现此功能还是需要腾讯位置服务全家桶：腾讯导航SDK、腾讯地图SDK、腾讯定位SDK、腾讯司乘同显SDK，具体权限的开通需要去lbs.qq.com的官网控制台,去操作另外具体SDK的权限可以联系小助手咨询（如下图所示），这里就不多做探讨!具体实现使用核心地图工具依赖库//module 依赖dependencies { // 地图库 impl
2021-06-21 12:09:04
364
转载 腾讯地图定位打卡功能实现
如何使用腾讯位置服务API1、注册成为开发者2、申请密钥，在如图位置创建新密钥3、进行配置官方Api使用示例（JavaScript）通过搜索接口找到个人公司位置：https://apis.map.qq.com/ws/place/v1/search?keyword=嘉誉国际&boundary=region(上海,0) &key=你申请的key查询到公司位置为(31.329716,121.508386)初始化地图，中心设为公司位置<!DOCTYPE html>
2021-06-15 11:43:14
2512
转载 腾讯地图GPS轨迹回放-安卓篇
前言当我们使用地图进行开发时，利用已经录制好的轨迹进行轨迹回放来检查导航的准确性是十分常用的手段，并且上一篇已经讲完了关于地图使用时GPS轨迹文件的录制，现在对于安卓系统下使用腾讯导航SDK进行轨迹回放做一个分享前期准备腾讯导航SDK依赖于腾讯地图SDK、腾讯定位SDK，具体权限的开通需要去lbs.qq.com 的官网控制台去操作,另外导航SDK的权限可以联系小助手咨询（如下图所示），这里就不多做探讨轨迹回放正片系统架构GPS回放系统分成两部分：GPSPlaybackActivity 和 G
2021-06-07 13:03:18
896
1
转载 腾讯地图个性化图层创建及发布
腾讯位置服务控制台首先在腾讯位置服务控制台下注册完毕后，打开个性化样式选择一个自己喜欢的样式作为模板，在这个模板的基础上对地图要素的样式进行修改，加快地图设计的速度。本次案例主题是【中国红】，但是鉴于“玉露”和“澹月”主题是企业客户专项，这里就选“烟翠”这个主题，这个主题有“深沉的灰调，柔和的色彩搭配，更能体现建筑物的立体感”。可供编辑的要素按要素类型分有POI（点），背景线、道路（线），背景面（面）四种，每个大类里面有一些详细分类。陆地把陆地改成玉红（#c04851）绿地、公园
2021-06-02 11:50:20
1236
转载 使用腾讯地图实现汽车沿轨迹行驶功能
前言最近公司有个地图功能开发，根据车辆的行驶的经纬度，来画出车辆的移动轨迹，并模拟车辆在该线路的行驶过程。效果图大致是这样的。简易入门首先进入腾讯位置服务页面然后进行注册账号，注册完成后需要申请AppKey，我们将在自己的应用中配置这个Key来使用SDK中的服务。webserveapi默认勾选就可以，在未上线之前，我们可以先不填域名白名单。只需要在html的页面里引入即可<script charset="utf-8" src="https://map.qq.com/api/gljs?
2021-05-24 12:21:42
2823
转载 腾讯地图GPS轨迹录制
前言在地图的使用中，尤其在导航场景下，进行GPS轨迹录制是十分必要并且有用的，本文会对于安卓系统下的轨迹录制部分做一个分享。系统架构对于一个GPSRecordSystem（GPS轨迹录制系统）主要分成3个部分：开始录制，录制GPS定位，结束录制并存储，如上图右方所示。在实际应用中，以导航系统为例：（1）在开始导航时（start navi）,进行录制工作的相关配置；（2）收到安卓系统的onLocationChanged的callback进行GPSLocation的记录；（3）结束导航（stop nav
2021-05-17 12:39:33
191
转载 微信小程序地图定位开发教程
前言目前腾讯位置服务提供路线规划、地图选点、地铁图、城市选择器插件四款插件产品，本篇博客主要针对地图选点功能进行实现。开通腾讯位置服务1、进入微信公众平台2、登录进入小程序后台，选择 “开发 - 开发工具 - 腾讯位置服务”3、点击 “开通”，进入授权扫码界面4、使用微信扫码进行授权5、绑定开发者账号接入插件1、在小程序后台，选择 “设置 - 第三方设置 - 插件管理”，点击 “添加插件”2、搜索 “腾讯位置服务地图选点” 进行添加开发者密钥配置1、申请开发者密钥2、设
2021-05-06 12:50:35
5184
2
转载 基于腾讯地图定位实现物业巡检防作弊场景
前言在物业管理中，小区内人员巡检还是非常常见的工作之一，为了降低物业的投入，设计了采用扫描二维码的形式辅助系统检测每个员工巡检的位置，以便进行常规的物业巡检工作。虽然二维码既便宜又易用，然而由于其可拍照和被动的模式，会导致作弊的问题，因此在常规的扫码中，需要增加定位功能以便辅助系统鉴别作弊行为。系统的方案设计巡检任务按照端的不同，分为两部分，一部分在App内实现，一部分在PC后台实现，其分工大抵如下：PC端： 对巡检任务进行定义并分派，不同的人员分派不同的巡检任务。当人员通过app进行巡检后，后
2021-04-25 12:25:50
265
转载 腾讯位置服务定位组件实现周边公用厕所远近排序分布图
前言地图应用非常广泛，目前地图服务，都提供地图操作、标注、地点搜索、出行规划、地址解析、街景等接口，功能非常丰富。在实际开发过程中，各有优劣。本次基于需求，使用腾讯位置服务作为一个公用厕所位置标注的H5页面开发。本次使用版本： JavaScript API 2.0版本。项目需求1、项目需求基于腾讯位置服务，实现微信扫描二维码后，在微信浏览器内，展示某县城的公用厕所分布图，按照用户当前定位与各个厕所之间的距离远近排序，点击标注点跳转到腾讯地图进行导航。2、需求分解基于上述需求，对使用到的腾讯位
2021-04-12 12:47:22
1274
转载 腾讯地图SDK Flutter插件实现
前言Flutter 作为目前通用的业界跨平台解决方案，开辟了一套全新的设计理念，通过自研的 UI 框架，支持高效构建多端平台上的应用，同时保持着原生应用一样的高性能。在Flutter项目开发过程中，对插件的开发和复用能够提高开发效率，降低工程的耦合度。Flutter开发者可以引入对应插件就可以为项目快速集成相关能力，从而专注于具体业务功能的实现。而在Flutter项目开发过程中面对通用业务逻辑拆分、或者需要对原生能力封装等场景时，开发者需要开发新的组件。为减少开发者同时开发Android和iOS应用
2021-04-06 12:20:10
265
转载 从零设计开发快递自动填写收发货地址功能
开发场景获取当前位置信息或者某地的行政区划信息或者街道信息，实现类似电商平台填写收货地址功能。技术选型微信小程序JavaScript SDK微信小程序插件确定业务逻辑及页面设计以简洁大气为主，样式选择weui。详细开发过程1、首先注册小程序，我以前有就没重新申请。2、注册腾讯位置服务开发者需要注意的是：个人开发者接口调用数是有限额的，免费额度1W，并发数5，申请成为企业用户可免费提升更大配额。3、根据文档开发。文档写的比较全，很多地方都是例子，不过需要注意以下几个点：1）re
2021-03-29 12:23:31
726
转载 基于UE4/Unity绘制地图 - 确定展示区域
前言绘制地图基础元素-线绘制地图基础元素-面和体基础知识在研究清楚如何绘制地图的线面体之后，接下来需要确定需要展示的地图区域了。地图可以看成是一个巨型的开放世界游戏场景，因此为了便于数据存储和查找，传统的做法是将地球根据墨卡托投影转换为平面地图，再将地图分级分块进行切片，通过索引获取到对应的数据。以OSM的地图为例，导出数据是以当前视口的大小，查询对应级别的切片得到的。Google的卫星图、地形图等也都是按照分级分块的规则进行管理。基于视口展示传统的地图展示方式，展示区域的确定通常是与视
2021-03-22 12:22:32
342
转载 腾讯位置服务教你绘制行政区划边界
前言腾讯地图iOS SDK推出了4.4.0版本，更新了多个比较实用的功能，本次介绍地图SDK行政区划检索功能新添加的行政区划轮廓点串，可以让我们在地图上绘制行政区划的边界。使用场景绘制行政区划的边界准备腾讯地图iOS SDK单个行政区划绘制1、使用QMSDistrictSearchSearchOption类来发起单个行政区划检索功能QMSDistrictSearchSearchOption *option = [[QMSDistrictSearchSearchOption alloc]
2021-03-16 15:30:52
559
转载 微信小程序 + 腾讯位置服务SDK 实现路线规划
前言本文旨在以mpvue框架为基础，探讨地图类小程序的开发思路。 原作者利用mpvue + 腾讯地图的能力做了一个地铁路线规划的小程序，主要提供全球主要城市的地铁线网图及旅游介绍，其中国内城市支持查看地图和路线规划。目前腾讯位置服务也推出了路线规划插件、地铁图插件，实现更加简单便捷，感兴趣的可点击查看。运行截图mpvue 介绍 及项目搭建mpvue = miniprogram + vue framework，说白了就是用vue框架开发小程序。mpvue最近升级为2.x版本，支持微信、支付宝
2021-03-08 12:03:55
4165
原创 腾讯位置服务数据可视化之热力图
前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A
2021-03-01 12:21:09
1009
转载 绘制地图基础元素-面和体
前言基于UE4/Unity绘制地图基础元素-线（上篇）基于UE4/Unity绘制地图基础元素-线（下篇）搞定地图画线之后，接下来就是绘制面和体了：面作为地图渲染的基本元素之一，在地图中可以代表各种形式的区域，例如海面、绿地等。面数据通常以离散点串形式存储，因此渲染时最关注的是如何将其展现为闭合的图形。体可以理解为带有高度的面，在地图中代表各种建筑，通常是由其顶部面数据和高度数据处理得到。本文记录了绘制面和体的流程以及解决闪烁问题的方案。绘制多边形区域面面数据通常以离散点串形式存储，面的绘制与
2021-02-22 12:10:45
433
转载 腾讯位置服务数据可视化之弧线图
前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A
2021-02-01 12:11:20
285
转载 腾讯位置服务数据可视化之轨迹图
前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A
2021-01-25 12:27:10
273
转载 腾讯地图选点组件使用示例
本文主要使用到的功能为：1、选择地址发送（地图选点组件 ）2、实时地址静态图3、地图调起 ,手机查看选址组件主要是选地点的信息，如下：在js或者数据库中保存这些信息，静态图片和地图API的调起就要用到这些信息，主要还是经纬度。可以用在聊天发送定位的功能中。Demo中把key替换成你的keykey申请地址：https://lbs.qq.com/dev/console/key/manage<html> <meta charset="utf-8"> <
2021-01-18 12:09:53
581
转载 vue使用腾讯地图获取当前位置
前言实现此功能，首先请先看下腾讯位置服务的开发指南。实现本文使用的是方法一（通过iframe内嵌调用）：参照文档写的例子来用就行，关键是看您拿到数据怎么处理：组件里面的内容：验证步骤验证地址：https://lbs.qq.com/dev/console/user/info开发者验证之前：开发者验证之后：key获取地址：https://lbs.qq.com/dev/console/key/manage组件js部分:作者：悠悠风来链接：https://segmentf
2021-01-11 12:12:28
2222
转载 腾讯地图+element-ui 实现地址搜索标记功能
前言微信小程序项目需要实现输入地址搜索解析出相应经纬度并在地图上打点标注。前期准备1、 申请腾讯位置服务key2、npm install qqmap --save引入需要的js文件在App.vue中输入<script type="text/javascript" src="http://map.qq.com/api/js?v=2.exp&key=申请的key"></script><script type="text/javascript" src="h
2020-12-28 12:08:33
966
2
转载 腾讯地图SDK公交路线规划Demo2
前言继续上一次的Demo，本次添加了同一路线的多条不同的公交线路展示，默认显示第0条。并且通过点击公交路线来切换选中的路线。上篇参考：腾讯位置服务地图SDK公交路线规划应用示例使用场景公交路线规划准备腾讯位置服务iOS地图SDK路线切换1、创建QPolyline的子类，用于区分步行部分和公交部分。@interface RoutePlanWalkingPolyline : QPolyline@end@interface RoutePlanBusingPolyline : QPolyl
2020-12-21 11:55:51
145
1
转载 腾讯地图SDK公交路线规划Demo
前言今天分享腾讯位置服务地图SDK检索功能的应用，使用公交路线规划功能实现Demo，暂时还没有做同一路线不同公交线路切换功能（后续完善此Demo）。使用场景公交路线规划准备腾讯位置服务iOS地图SDK公交路线规划检索结果的数据说明1、检索结果：QMSBusingRouteSearchResult中的NSArray *routes属性包含了检索到的结果，每个结果都是一个独立的公交出行方案QMSBusingRoutePlan。2、公交出行方案：QMSBusingRoutePlan，表示从起点到终
2020-12-14 12:14:01
490
转载 腾讯地图SDK自定义路况和字体
使用场景自定义路况是用于帮助修改路况的颜色和宽度，因为地图内部字体统一的，如果想要修改样式就可以通过相关文字接口进行定义核心类和接口类接口说明TrafficStylesetCongestedStrokeColor设置路况拥堵的描边颜色setSeriousCongestedColor设置路况极度拥堵的颜色setSeriousCongestedStrokeColor设置路况极度拥堵的描边颜色setSlowColor设置路况慢行的颜色setSl
2020-12-07 11:46:18
226
转载 腾讯地图SDK自定义地图和路况
前言1、自定义路况地图SDK一般的路况颜色都是相同的，如道路畅通为绿色、道路缓慢为黄色、道路拥堵为红色，但是通常都无法让用户自定义路况颜色。腾讯地图iOS SDK在4.3.9.1版本提供了自定义路况颜色功能，可以自定义路况的畅通拥堵颜色。2、自定义地图腾讯地图SDK在提供了基础配色的情况下，还支持自定义颜色，可以将如绿地、道路、河流等元素修改为自己指定的颜色，实现了高度自定义。使用场景1、自定义道路路况颜色2、自定义地图元素颜色准备1、腾讯地图iOS SDK2、腾讯地图控制台自定
2020-11-30 11:59:51
995
转载 3D地图的定时高亮和点击事件
技术选型文章所选技术栈：vue、echarts、echarts-gl安装Vue和echarts1、安装echarts和echarts-alnpm i echarts --save npm i echarts-gl --save2、引用echarts和echarts-glimport echarts from 'echarts';import 'echarts-gl'Vue.prototype.$echarts = echarts3、页面引入require('../../node_m
2020-11-23 12:20:37
542
转载 vue+腾讯地图 实现坐标拾取器功能
需求1、搜索具体地址，自动填写经纬度，并在地图上标记2、点击地图上一点，可重新填写经纬度并且标记代码在dom新建div渲染地图<el-form-item label="店铺地址" prop="address"> <el-input v-model="fristForm.address"></el-input> <el-input class="long-lat" v-model="fristForm.longitude"
2020-11-16 12:36:40
1970
转载 Swift接入腾讯地图SDK
前言腾讯地图iOS SDK目前只提供了Objective-C版本的SDK, 因此如果是Swift项目, 则需要自己通过Bridging文件来将其引入使用场景Swift项目接入腾讯地图接入流程1、创建Swift项目, 本人采用的是StoryBoard创建的项目, 不过使用方法是一样的:2、将SDK的framework和bundle导入项目中:3、创建HeaderFile, 通常明明为"项目名称-Bridging-header", 即:TencentMapSwiftDemo-Bridging-
2020-11-09 12:13:45
226
转载 绘制地图基础元素-线（下篇）
基于UE4/Unity绘制地图基础元素-线（上篇）前言上篇中记录了绘制线的基本流程，而下篇主要是对绘制线中遇到的性能和效果问题进行阐述。在绘制完一条线并且希望给其加上描边样式时，会遇到不可避免的闪烁问题。而在绘制大量的交错道路时，需要同时考虑绘制性能和闪烁问题如何解决。本文总结了高效绘制描边线的方法，并对调研过的解决Z-Fighting闪烁的方案进行阐述。像素圆角渲染的性能优化在上篇中介绍了逐像素剔除产生圆角的方法，概括的来说，为了达到动态圆滑的目的，将原来CPU中的数学计算移入了片元着色器中进行。
2020-11-02 11:59:17
177
转载 绘制地图基础元素-线（上篇）
前言这篇文章是使用游戏引擎探索地图可视化的开篇。传统的地图渲染通常是在iOS/Android/Web平台进行的，为了探究更酷炫的地图展示，会记录基于UE4/Unity进行地图渲染的探索过程。地图基础元素 - 线线作为地图渲染的基本元素，在地图中可以代表各种形式的道路。道路数据通常以离散点串形式存储，因此如何将点串绘制成有宽度的线是渲染最关注的问题。本文记录了绘制有宽度的线的方法，并对优化线展示效果的各种线帽和拐角进行了阐述。绘制有宽度的线道路数据通常以离散点串和其对应线宽进行存储，为了在游戏引擎中
2020-10-26 12:03:45
317
转载 腾讯地图教你快速实现轨迹回放
前言在地图接入使用中，很多开发者咨询我们腾讯位置服务是否支持轨迹回放功能，所以今天特意将我们JavaScript API GL的轨迹回放&小车移动示例放到我们本篇文章分享。轨迹回放&小车移动在JavaScript API GL中，使用MultiMarker（点标记）中的moveAlong()方法 ，可以方便的实现轨迹回放功能，而且您可以对样式进行各种想要的修改，比如修改小车图片、不显示路线或者改成您想要的颜色等。代码//初始化地图var map = new TMap.Map("
2020-10-19 11:51:23
3547
转载 微信小程序类美团用户商家距离计算
前言小程序实操，距离计算总结。思路一共有两种方法，各有利弊：1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算;2.利用腾讯地图位置服务calculateDistance直接计算；先熟悉下两个单词：longitude:经度;latitude:纬度;下边是两种方法的具体实现一、获取用户的位置信息,再进行计算(wx.getLocation)1.小程序提供了获取用户位置信息的api，所以我们能直接获取到经纬度;2.在腾讯位置服务坐标拾取器，获
2020-09-27 11:53:32
602
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人