vue接入腾讯地图(一)【点击事件】请参考：[链接]1、【标注】添加标注 {代码...} 文本标注 {代码...} 效果自定义标注图标 {代码...} 预览定位logo官网预览[链接]为什么会有这么大区别呢，因为这是图片的问题一个大一个小，还需要稍加调整，展示官网定位图片2、【定位实战→qq.maps.Geolocation】引入js包（注意：vue项目得...

添加点击事件 qq.maps.event.addListener(map, 'click', function(event) { alert("你点击了地图"); });

微信小程序中，我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息，这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家，哪个城市等信息，该如何实现呢？

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

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

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

微信的发送位置功能是一个十分方便的功能，他会定位用户当前所在地点，然后请求用户周边的POI，并且还可以通过拖动地图来获取其他的位置发送给对方，本Demo是结合腾讯地图SDK来实现类似的功能。

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

最近在新增TMAP-UI组件库的开发过程中，时间选择器是开发者反馈需求较多的一个组件，今天把在开发过程中遇到的一些问题分析给大家。element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式以及交互操作都无法满足设计需求，需要基于源码进行二次开发，最小成...

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

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

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

为了在⽆⽹、弱⽹或者特殊外⽹环境下也能流畅地显示地图，腾讯地图SDK从4.3.5版本开始，提供了⼀套离线地图⽅案。可⽀持离线地图开关、城市列表获取、离线城市数据下载、下载状态回调、离线缓存管理等能⼒。

对于目前最主流的室内Wi-Fi指纹定位技术而言，采集Wi-Fi指纹的覆盖度和新鲜度是决定定位精度最重要的因素。受到成本和导航需求等因素的限制，腾讯地图定位平台目前提供的室内定位服务只对商场的走廊部分采集了指纹信息。对于面积更大的商场店铺，目前很难人工采集Wi-Fi指纹。本文介绍了我们如何利用过去积累的定位日志数...

场景需求快递物流相关APP中，如快递、送餐，可以让快递车Marker的车头，在途经点始终指向目的地，如下图所示：使用技术：腾讯地图iOS SDK，点标记和绘制线核心点：1、操作QPointAnnotation的坐标2、从mapView中获取途经点QPointAnnotation的坐标3、通过三角函数计算途经点坐标与终点坐标的角度4、操作QAnnotationView的t...

Javascript API GL是基于WebGL技术打造的3D版地图API，3D化的视野更为自由，交互更加流畅。提供丰富的功能接口，包括点、线、面绘制，自定义图层、个性化样式及绘图、测距工具等，使开发者更加容易的实现产品构思。充分发挥GPU的并行计算能力，同时结合WebWorker多线程技术，大幅度提升了大数据量的渲染性能。最高支持百...

JavaScript API GL近期为支持物流行业实现了几何图形编辑器，用户可通过编辑器接口进行点、线、面、圆的绘制和编辑。在物流行业中常见的使用场景是配送区域及地理围栏的绘制，常会有对已有区域进行拆分或者合并的需要，所以编辑器也提供了相应的功能。本文介绍了如何基于Turf实现多边形的拆分及合并。

微信深色模式一经推出就成了热点话题，不光微信首页和聊天页面进行了深色适配，细心的小伙伴们一定发现就连发送位置和共享位置里的地图也”变黑”了！这背后其实应用了个性化地图的能力。有了它，开发者们不光可以随意调整地图配色，还可以控制地图元素的显示隐藏，可以说是把定制地图的权利交到每个开发者手中。下面就带...

增强现实（Augmented Reality，简称AR）：是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。

腾讯位置服务致力于为各行各业提供全方位的位置服务产品。与微信、手机QQ、王者荣耀、京东、滴滴出行等多个在各自行业具有领先地位的产品开展深度合作。欢迎大家了解并体验腾讯位置服务。本篇内容为大家揭开地图其呈现原理！

腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。目前微信小程序插件提供路线规划、地铁图、地图选点等服务，欢迎大家体验！我们将陆续推出更多功能的插件，敬请期待！

今年年初时我们推出的数据可视化组件，这些基于地图的数据可视化组件，以附加库的形式加入到JSAPI中，目前主要包括热力图、散点图、区域图、迁徙图。

除了画布宽高之外，3D地图的可视范围还受到俯仰角、旋转角度的影响。在大俯仰角情况下，为了降低瓦片加载和渲染的耗时，在地图远端不加载瓦片，瓦片边缘会变得非常突兀。所以需要对瓦片边缘进行雾化处理，实现渐隐效果，优化用户体验。

腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。目前微信小程序插件提供路线规划、地铁图、地图选点等服务，欢迎大家体验！我们将陆续推出更多功能的插件，敬请期待！以下内容转载自微信开放社区腾讯位...

腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。目前微信小程序插件提供路线规划、地铁图、地图选点等服务，欢迎大家体验！

上面的截图中，路线上面都绘制出了路名，方便用户查看自己选择的路线都经过了哪些道路。这里用到的地图的能力即为沿线文字标注腾讯地图 Android SDK v4.2.7 已经开放了实现此功能的能力。

以下内容转载自腾讯位置服务公众号文章《小程序下找地点、查路线、搜地铁，用这3个插件就够了！》 作者：腾讯位置服务 链接：[链接] 来源：腾讯位置服务公众号 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

腾讯位置服务地图SDK是一套提供多种地理位置服务的应用程序接口。通过调用该接口，开发者可以在自己的应用中加入地图相关的功能（如地图展示、标注、绘制图形等），轻松访问腾讯地图服务和数据，构建功能丰富、交互性强、符合各种行业场景的地图类应用程序。以下内容转载自iOS 工程师Genosage的文章《地图 SDK 系列教程-...