前言 ：伴随着地理信息产业的不断演进，以及LBS、大数据、5G、云、AI等新技术的持续应用，数实融合发展呈现出加速态势，数字地图也从移动互联网时代向产业互联网时代进化。

今年的七夕节马上就要来了！给女友送花送巧克力是不是太普通了呢？程序员给人的刻板印象是不懂浪漫的钢铁直男，扭转的时刻到了！用H5技术给自己的女友或心仪的人一个惊喜怎么样？手掌地图表白视频你值得拥有。先来看效果。

前言最近公司有个地图功能开发，根据车辆的行驶的经纬度，来画出车辆的移动轨迹，并模拟车辆在该线路的行驶过程。效果图大致是这样的。简易入门首先进入腾讯位置服务页面然后进行注册账号，注册完成后需要申请AppKey，我们将在自己的应用中配置这个Key来使用SDK中的服务。webserveapi默认勾选就可以，在未上线之前，我们...

对于一个GPSRecordSystem（GPS轨迹录制系统）主要分成3个部分：开始录制，录制GPS定位，结束录制并存储，如上图右方所示。在实际应用中，以导航系统为例：（1）在开始导航时（start navi）,进行录制工作的相关配置；（2）收到安卓系统的onLocationChanged的callback进行GPSLocation的记录；（3）结束导航（stop navi）时...

在物业管理中，小区内人员巡检还是非常常见的工作之一，为了降低物业的投入，设计了采用扫描二维码的形式辅助系统检测每个员工巡检的位置，以便进行常规的物业巡检工作。虽然二维码既便宜又易用，然而由于其可拍照和被动的模式，会导致作弊的问题，因此在常规的扫码中，需要增加定位功能以便辅助系统鉴别作弊行为。

地图应用非常广泛，目前地图服务，都提供地图操作、标注、地点搜索、出行规划、地址解析、街景等接口，功能非常丰富。在实际开发过程中，各有优劣。本次基于需求，使用腾讯位置服务作为一个公用厕所位置标注的H5页面开发。

Flutter 作为目前通用的业界跨平台解决方案，开辟了一套全新的设计理念，通过自研的 UI 框架，支持高效构建多端平台上的应用，同时保持着原生应用一样的高性能。在Flutter项目开发过程中，对插件的开发和复用能够提高开发效率，降低工程的耦合度。Flutter开发者可以引入对应插件就可以为项目快速集成相关能力，从而专注...

开发场景获取当前位置信息或者某地的行政区划信息或者街道信息，实现类似电商平台填写收货地址功能。技术选型微信小程序JavaScript SDK微信小程序插件确定业务逻辑及页面设计以简洁大气为主，样式选择weui。详细开发过程1、首先注册小程序，我以前有就没重新申请。2、注册腾讯位置服务开发者需要注意的是：个人开发者接...

地图可以看成是一个巨型的开放世界游戏场景，因此为了便于数据存储和查找，传统的做法是将地球根据墨卡托投影转换为平面地图，再将地图分级分块进行切片，通过索引获取到对应的数据。

腾讯地图iOS SDK推出了4.4.0版本，更新了多个比较实用的功能，本次介绍地图SDK行政区划检索功能新添加的行政区划轮廓点串，可以让我们在地图上绘制行政区划的边界。

本文旨在以mpvue框架为基础，探讨地图类小程序的开发思路。 原作者利用mpvue + 腾讯地图的能力做了一个地铁路线规划的小程序，主要提供全球主要城市的地铁线网图及旅游介绍，其中国内城市支持查看地图和路线规划。

数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。

本文主要使用到的功能为：1、选择地址发送（地图选点组件 ）2、实时地址静态图3、地图调起 ,手机查看选址组件主要是选地点的信息，如下：在js或者数据库中保存这些信息，静态图片和地图API的调起就要用到这些信息，主要还是经纬度。可以用在聊天发送定位的功能中。Demo中把key替换成你的keykey申请地址：[链接] {代码......

前言继续上一次的Demo，本次添加了同一路线的多条不同的公交线路展示，默认显示第0条。并且通过点击公交路线来切换选中的路线。上篇参考：腾讯位置服务地图SDK公交路线规划应用示例使用场景公交路线规划准备腾讯位置服务iOS地图SDK路线切换1、创建QPolyline的子类，用于区分步行部分和公交部分。 {代码...} {代码...} 2...

今天分享腾讯位置服务地图SDK检索功能的应用，使用公交路线规划功能实现Demo，暂时还没有做同一路线不同公交线路切换功能（后续完善此Demo）。

使用场景自定义路况是用于帮助修改路况的颜色和宽度，因为地图内部字体统一的，如果想要修改样式就可以通过相关文字接口进行定义核心类和接口类接口说明TrafficStylesetCongestedStrokeColor设置路况拥堵的描边颜色 setSeriousCongestedColor设置路况极度拥堵的颜色 setSeriousCongestedStrokeColor设置路况极度拥堵的描...

地图SDK一般的路况颜色都是相同的，如道路畅通为绿色、道路缓慢为黄色、道路拥堵为红色，但是通常都无法让用户自定义路况颜色。腾讯地图iOS SDK在4.3.9.1版本提供了自定义路况颜色功能，可以自定义路况的畅通拥堵颜色。

技术选型文章所选技术栈：vue、echarts、echarts-gl安装Vue和echarts1、安装echarts和echarts-al {代码...} 2、引用echarts和echarts-gl {代码...} 3、页面引入 {代码...} 此时地图消息就在你的node_modules/echarts/map/china中初始化echarts-gl 3D地图1、新建一个option.js 这个文件是用来放配置项的，不建立也可以，...

需求1、搜索具体地址，自动填写经纬度，并在地图上标记2、点击地图上一点，可重新填写经纬度并且标记代码在dom新建div渲染地图 {代码...} js定义地图变量并设置需求 {代码...} 文档参考以上代码使用的是jsapi功能，目前对应功能已升级JavaScript API GL，地址解析功能可直接调取接口使用，欢迎大家体验！地址解析（地址...

前言腾讯地图iOS SDK目前只提供了Objective-C版本的SDK, 因此如果是Swift项目, 则需要自己通过Bridging文件来将其引入使用场景Swift项目接入腾讯地图接入流程1、创建Swift项目, 本人采用的是StoryBoard创建的项目, 不过使用方法是一样的:2、将SDK的framework和bundle导入项目中:3、创建HeaderFile, 通常明明为"项目名称-...

在地图接入使用中，很多开发者咨询我们腾讯位置服务是否支持轨迹回放功能，所以今天特意将我们JavaScript API GL的轨迹回放&小车移动示例放到我们本篇文章分享。

前言小程序实操，距离计算总结。思路一共有两种方法，各有利弊：1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算;2.利用腾讯地图位置服务calculateDistance直接计算；先熟悉下两个单词：longitude:经度;latitude:纬度;下边是两种方法的具体实现一、获取用户的位置信息,再进行计算(wx...

全国行政区划检索功能, 由于高德和百度也没有提供一个比较完美的解决方案, 因此使用了腾讯地图iOS SDK内部封装的Web接口来实现. 行政区划共分为三个等级, 省级/市级/区级, 对于北京市和天津市这样的城市, 通常直接认为是省级, 并直接以同样的内容来填充市级. 但是SDK内部并没有提供这样的填充, 因此需要自行再省级里面将...

前言使用地图选点组件引发的一系列问题：1、选择地址的回调路径不兼容哈希路由2、回调后腾讯地图返回了完整的地址，而用户需要省市区具体名称3、获取省市区具体名称后，如何和后端的数据对上对应的 ID相关文档地图选点组件效果图：开始使用采用的是地图 API 的第二种方式，跳转新的页面，通过回调路径把地址信息带回来原...

AOI（area of interest），也叫兴趣面，与POI类似。POI用于标记一个点，而AOI用于标记一个区域。在腾讯地图APP中点击建筑物，会使用轮廓线将该建筑物包围，同时显示建筑物的相关信息，如：名称、地址、距离、电话等等。如下图所示：

链家实现的效果分析地图找房功能使用点聚合来实现的。官网示例如下：[链接]链家的地图找房主要分为三层。第一层为市区层，比如南山、罗湖等；第二层为片区，比如南头、科技园等；第三层则为小区。因为第一层，第二层的数据没有那么多，这两个接口都是把所有的数据一次返回给前端。但是第三层的数据量就非常的巨大了，链...

对于一些需要快速知道某段并不是很长的路径，并且需要自己来规划路线的场景，使用腾讯地图的路线规划功能可能并不是自己想要的结果，并且需要时刻联网。该功能主旨自己在地图上面规划路线，获取这条路线的距离，并且可以将其保存为自己的路线。

本文主要是总结一下web页面中的旋转矩形的碰撞检测，碰撞算法本身并不难，只是需要注意web坐标系在计算中的影响。碰撞检测应该是在游戏等场景中很常见且基础的功能，本文记录了在JavaScript API GL遇到了这类碰撞问题的调研和实现的过程。

自定义栅格图层 是指用户可以通过特定软件，将自定义的图像按照上文所述的方式切割为瓦片，并生成图片，然后按照瓦片坐标拼接形成地图的图层。常用于手绘地图、卫星图、地形图等。

在地图上添加覆盖物有两种方式，一是在canvas画布上渲染，比如JSAPI GL绘制MultiMarker/MultiPolygon等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序，直接绘制在底图上层。这样的渲染方式下视角变换时图形也可以实现3D形变。另一种方式是通过CSS布局将其他DOM元素叠加到地图容器之上，这种方式下视角变换时D...