腾讯位置服务-CSDN博客

原创腾讯位置服务Flutter业务实践——地图SDK Flutter插件实现(一)

前言Flutter 作为目前通用的业界跨平台解决方案，开辟了一套全新的设计理念，通过自研的 UI 框架，支持高效构建多端平台上的应用，同时保持着原生应用一样的高性能。在Flutter项目开发过程中，对插件的开发和复用能够提高开发效率，降低工程的耦合度。Flutter开发者可以引入对应插件就可以为项目快速集成相关能力，从而专注于具体业务功能的实现。而在Flutter项目开发过程中面对通用业务逻辑拆分、或者需要对原生能力封装等场景时，开发者需要开发新的组件。为减少开发者同时开发Android和iOS应用的成

2021-04-02 12:03:01 3647 15

转载微信小程序类快递自动填写收发货地址功能

开发场景获取当前位置信息或者某地的行政区划信息或者街道信息，实现类似电商平台填写收货地址功能。技术选型微信小程序JavaScript SDK微信小程序插件确定业务逻辑及页面设计以简洁大气为主，样式选择weui。详细开发过程1、首先注册小程序，我以前有就没重新申请。2、注册腾讯位置服务开发者需要注意的是：个人开发者接口调用数是有限额的，免费额度1W，并发数5，申请成为企业用户可免费提升更大配额。3、根据文档开发。文档写的比较全，很多地方都是例子，不过需要注意以下几个点：1）re

2021-03-26 12:34:35 1938

转载基于UE4/Unity绘制地图 - 确定展示区域

前言基于UE4/Unity绘制地图基础元素-线基于UE4/Unity绘制地图基础元素-面和体基础知识在研究清楚如何绘制地图的线面体之后，接下来需要确定需要展示的地图区域了。地图可以看成是一个巨型的开放世界游戏场景，因此为了便于数据存储和查找，传统的做法是将地球根据墨卡托投影转换为平面地图，再将地图分级分块进行切片，通过索引获取到对应的数据。以OSM的地图为例，导出数据是以当前视口的大小，查询对应级别的切片得到的。Google的卫星图、地形图等也都是按照分级分块的规则进行管理。基于视口展示

2021-03-19 12:06:00 703

转载腾讯地图行政区划边界绘制教程来啦！！

前言腾讯地图iOS SDK推出了4.4.0版本，更新了多个比较实用的功能，本次介绍地图SDK行政区划检索功能新添加的行政区划轮廓点串，可以让我们在地图上绘制行政区划的边界。使用场景绘制行政区划的边界准备腾讯地图iOS SDK单个行政区划绘制1、使用QMSDistrictSearchSearchOption类来发起单个行政区划检索功能QMSDistrictSearchSearchOption *option = [[QMSDistrictSearchSearchOption alloc]

2021-03-12 12:11:44 2546

转载腾讯地图手把手教你实现微信小程序路线规划

前言本文旨在以mpvue框架为基础，探讨地图类小程序的开发思路。原作者利用mpvue + 腾讯地图的能力做了一个地铁路线规划的小程序，主要提供全球主要城市的地铁线网图及旅游介绍，其中国内城市支持查看地图和路线规划。目前腾讯位置服务也推出了路线规划插件、地铁图插件，实现更加简单便捷，感兴趣的可点击查看。运行截图mpvue 介绍及项目搭建mpvue = miniprogram + vue framework，说白了就是用vue框架开发小程序。mpvue最近升级为2.x版本，支持微信、支付宝

2021-03-05 12:28:04 7360 2

原创数据可视化API之热力图实现

前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A

2021-02-26 12:20:27 4552 8

转载 UE4/Unity绘制地图基础元素-面和体

前言基于UE4/Unity绘制地图基础元素-线（上篇）基于UE4/Unity绘制地图基础元素-线（下篇）搞定地图画线之后，接下来就是绘制面和体了：面作为地图渲染的基本元素之一，在地图中可以代表各种形式的区域，例如海面、绿地等。面数据通常以离散点串形式存储，因此渲染时最关注的是如何将其展现为闭合的图形。体可以理解为带有高度的面，在地图中代表各种建筑，通常是由其顶部面数据和高度数据处理得到。本文记录了绘制面和体的流程以及解决闪烁问题的方案。绘制多边形区域面面数据通常以离散点串形式存储，面的绘制与

2021-02-05 11:59:22 698

原创数据可视化API之弧线图实现

前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A

2021-01-29 12:01:41 2813 7

原创数据可视化API之轨迹图实现

前言数据可视化API（Web），是基于腾讯位置服务JavaScript API GL实现的专业地理空间数据可视化渲染引擎。通过这套API，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。使用步骤1、注册成为腾讯位置服务开发者，并进入控制台 -> key管理界面创建key；2、数据可视化API（以下简称可视化API），所提供的可视化效果是以图层的方式叠加在JavaScript API GL之上，图层中所显示的数据由实例化的对象统一管理。3、加载可视化API可视化A

2021-01-22 11:54:21 4147 9

转载腾讯位置服务地图选点组件使用示例

本文主要使用到的功能为：1、选择地址发送（地图选点组件）2、实时地址静态图3、地图调起 ,手机查看选址组件主要是选地点的信息，如下：在js或者数据库中保存这些信息，静态图片和地图API的调起就要用到这些信息，主要还是经纬度。可以用在聊天发送定位的功能中。Demo中把key替换成你的keykey申请地址：https://lbs.qq.com/dev/console/key/manage<html> <meta charset="utf-8"> &lt

2021-01-15 11:56:01 2596

转载 vue使用腾讯位置服务获取当前位置

前言实现此功能，首先请先看下腾讯位置服务的开发指南。实现本文使用的是方法一（通过iframe内嵌调用）：参照文档写的例子来用就行，关键是看您拿到数据怎么处理：组件里面的内容：验证步骤验证地址：https://lbs.qq.com/dev/console/user/info开发者验证之前：开发者验证之后：key获取地址：https://lbs.qq.com/dev/console/key/manage组件js部分:作者：悠悠风来链接：https://segmentf

2021-01-08 12:01:41 1471

原创小程序下的地图还能这么玩，你知道吗？

近几年来小程序生态的飞速发展大家都有目共睹，随着小程序与线下场景的结合日益紧密，地图类功能已经成为越来越多小程序的“标配”。腾讯位置服务一直在为微信和小程序提供底层的地图支持。同时，我们也始终在与微信紧密配合，不断夯实丰富我们在小程序下的地图能力，升级开发者的“工具箱”和“武器库”，满足小程序开发者在不同业务场景下对地图能力的需求。Map API功能全新升级近期小程序在Map API中新增多项功能，其中包含moveAlong、addGroundOverlay等。moveAlongmoveAl

2020-12-31 11:54:59 4702 7

转载腾讯位置服务+element-ui 实现地址搜索&marker标记功能

前言小程序项目需要实现输入地址搜索解析出相应经纬度并在地图上打点标注。前期准备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="htt

2020-12-25 11:59:49 1109

转载腾讯位置服务地图SDK公交路线规划应用示例2

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

2020-12-18 11:54:43 303

转载腾讯位置服务地图SDK公交路线规划应用示例

前言今天分享腾讯位置服务地图SDK检索功能的应用，使用公交路线规划功能实现Demo，暂时还没有做同一路线不同公交线路切换功能（后续完善此Demo）。使用场景公交路线规划准备腾讯位置服务iOS地图SDK公交路线规划检索结果的数据说明1、检索结果：QMSBusingRouteSearchResult中的NSArray *routes属性包含了检索到的结果，每个结果都是一个独立的公交出行方案QMSBusingRoutePlan。2、公交出行方案：QMSBusingRoutePlan，表示从起点到终

2020-12-11 11:50:54 542

转载腾讯位置服务地图SDK自定义路况和字体

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

2020-12-04 12:21:58 349

转载腾讯位置服务地图SDK自定义地图和路况

前言1、自定义路况地图SDK一般的路况颜色都是相同的，如道路畅通为绿色、道路缓慢为黄色、道路拥堵为红色，但是通常都无法让用户自定义路况颜色。腾讯地图iOS SDK在4.3.9.1版本提供了自定义路况颜色功能，可以自定义路况的畅通拥堵颜色。2、自定义地图腾讯地图SDK在提供了基础配色的情况下，还支持自定义颜色，可以将如绿地、道路、河流等元素修改为自己指定的颜色，实现了高度自定义。使用场景1、自定义道路路况颜色2、自定义地图元素颜色准备1、腾讯地图iOS SDK2、腾讯地图控制台自定

2020-11-27 11:50:47 810

转载基于echarts实现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-20 11:57:29 3180 1

转载 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-13 12:04:40 1186

转载 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-06 11:57:29 519

转载基于UE4/Unity绘制地图基础元素-线（下篇）

基于UE4/Unity绘制地图基础元素-线（上篇）前言上篇中记录了绘制线的基本流程，而下篇主要是对绘制线中遇到的性能和效果问题进行阐述。在绘制完一条线并且希望给其加上描边样式时，会遇到不可避免的闪烁问题。而在绘制大量的交错道路时，需要同时考虑绘制性能和闪烁问题如何解决。本文总结了高效绘制描边线的方法，并对调研过的解决Z-Fighting闪烁的方案进行阐述。像素圆角渲染的性能优化在上篇中介绍了逐像素剔除产生圆角的方法，概括的来说，为了达到动态圆滑的目的，将原来CPU中的数学计算移入了片元着色器中进行。

2020-10-30 11:57:05 661

转载基于UE4/Unity绘制地图基础元素-线（上篇）

前言这篇文章是使用游戏引擎探索地图可视化的开篇。传统的地图渲染通常是在iOS/Android/Web平台进行的，为了探究更酷炫的地图展示，会记录基于UE4/Unity进行地图渲染的探索过程。地图基础元素 - 线线作为地图渲染的基本元素，在地图中可以代表各种形式的道路。道路数据通常以离散点串形式存储，因此如何将点串绘制成有宽度的线是渲染最关注的问题。本文记录了绘制有宽度的线的方法，并对优化线展示效果的各种线帽和拐角进行了阐述。绘制有宽度的线道路数据通常以离散点串和其对应线宽进行存储，为了在游戏引擎中

2020-10-23 11:48:44 1139

原创腾讯位置服务实现轨迹回放

前言在地图接入使用中，很多开发者咨询我们腾讯位置服务是否支持轨迹回放功能，所以今天特意将我们JavaScript API GL的轨迹回放&小车移动示例放到我们本篇文章分享。轨迹回放&小车移动在JavaScript API GL中，使用MultiMarker（点标记）中的moveAlong()方法，可以方便的实现轨迹回放功能，而且您可以对样式进行各种想要的修改，比如修改小车图片、不显示路线或者改成您想要的颜色等。代码//初始化地图var map = new TMap.Map("

2020-10-16 12:06:34 7102 15

转载 3分钟搞定微信小程序类美团用户商家距离计算

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

2020-09-25 12:01:02 2019

转载腾讯地图获取全国行政区划检索列表Demo

前言全国行政区划检索功能, 由于高德和百度也没有提供一个比较完美的解决方案, 因此使用了腾讯地图iOS SDK内部封装的Web接口来实现. 行政区划共分为三个等级, 省级/市级/区级, 对于北京市和天津市这样的城市, 通常直接认为是省级, 并直接以同样的内容来填充市级. 但是SDK内部并没有提供这样的填充, 因此需要自行再省级里面将其复制到市级。使用场景给用户提供选择行政区域和居住地等功能的行政区划选择器。准备腾讯地图3D SDK行政区划检索核心代码- (void)searchWithDis

2020-09-18 12:25:06 3036

转载 vue接入腾讯地图(二)【标注&定位实战】

vue接入腾讯地图(一)【点击事件】请参考：https://juejin.im/post/68684790287774843011、【标注】添加标注var marker = new qq.maps.Marker({ position: myLatlng , map: map});文本标注var marker = new qq.maps.Label({ position: myLatlng, map: map, content:'文本标注'});效果

2020-09-11 11:53:40 1496

转载 vue接入腾讯地图(一)【点击事件】

1、【调用展示】在https://lbs.qq.com/guides/startup.html申请一个key//先在vue的index.html里面引入腾讯地图包<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=yourkey"></script>//.vue<template> <div> <div id="container"

2020-09-04 12:02:45 2681

转载微信小程序结合腾讯地图获取用户所在城市信息

背景实现小程序进去后会获取用户当前所在城市，然后显示该城市的数据，并且显示在导航栏和 Tab上。微信小程序中，我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息，这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家，哪个城市等信息，该如何实现呢？微信小程序中并没有提供这样的API，但是没关系，有wx.getLocation()得到的经纬度作为基础就够了，其他的，我们可以使用其他第三方地图服务可以来实现，比如腾讯地图API。所以整个步骤就是：在小程序中获取当前的

2020-08-28 11:54:57 1454

转载 vue使用腾讯位置服务选点组件问题总结

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

2020-08-21 11:56:13 1316

转载腾讯地图SDK实现点击建筑显示围栏及建筑信息效果

前言AOI（area of interest），也叫兴趣面，与POI类似。POI用于标记一个点，而AOI用于标记一个区域。在腾讯地图APP中点击建筑物，会使用轮廓线将该建筑物包围，同时显示建筑物的相关信息，如：名称、地址、距离、电话等等。如下图所示：使用场景点击地图中POI名称，显示该建筑的AOILayer，并且通过腾讯地图SDK的检索功能获取该建筑物的相关信息。准备1、腾讯地图3D SDK2、AOILayer3、地点检索核心代码1、监听点击POI的回调，获取POI信息： - (vo

2020-08-14 12:13:59 1045

转载腾讯地图点聚合开发-实现地图找房功能

以下内容转载自前端develop的文章《腾讯地图实现地图找房功能》作者：前端develop链接：https://juejin.im/post/6844903510614474759#comment来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。链家实现的效果分析地图找房功能使用点聚合来实现的。官网示例如下：https://lbs.qq.com/javascript_v2/sample/overlay-markercluster.html链家的地图找房主要.

2020-08-07 12:00:33 2599

转载腾讯位置服务教你轻松搞定微信发送位置功能

以下内容转载自面糊的文章《模仿微信发送位置功能》作者：面糊链接：https://www.jianshu.com/p/47b3ada2e36d来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前言微信的发送位置功能是一个十分方便的功能，他会定位用户当前所在地点，然后请求用户周边的POI，并且还可以通过拖动地图来获取其他的位置发送给对方，本Demo是结合腾讯地图SDK来实现类似的功能。使用场景拖动地图选择地图的中心点，然后请求该点周边的门店信息，可以通过设置搜索分.

2020-07-31 11:43:43 1476

转载腾讯位置服务教你快速实现距离测量小工具

以下内容转载自面糊的文章《腾讯地图SDK距离测量小工具》作者：面糊链接：https://www.jianshu.com/p/6e507ebcdd93来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前言为了熟悉腾讯地图SDK中的QGeometry几何类，以及点和线之间的配合，编写了这个可以在地图上面打点并获取直线距离的小Demo。使用场景对于一些需要快速知道某段并不是很长的路径，并且需要自己来规划路线的场景，使用腾讯地图的路线规划功能可能并不是自己想要的结果，.

2020-07-24 11:59:22 1162

原创时间选择器组件之关于table走过的弯路

为了提高开发者的研发效率，提升产品品质，我们提供一套基于饿了么UI实现的UI组件库，TMAP-UI—旨在解决的组件地图场景下应用的问题。最近在新增TMAP-UI组件库的开发过程中，时间选择器是开发者反馈需求较多的一个组件，今天把在开发过程中遇到的一些问题分析给大家。element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式以及交互操作都无法满足设计需求，需要基于源码进行二次开发，最小成本实现这个通用组件。今天主要聊下开发中遇到的一.

2020-07-17 12:25:30 1676

转载腾讯地图JavaScript API GL实现文本标记的碰撞避让

以下内容转载自Crape的文章《web页面上的旋转矩形碰撞》作者：Crape链接：https://juejin.im/post/5eede991e51d45740950c946来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前言本文主要是总结一下web页面中的旋转矩形的碰撞检测，碰撞算法本身并不难，只是需要注意web坐标系在计算中的影响。碰撞检测应该是在游戏等场景中很常见且基础的功能，本文记录了在JavaScript API GL遇到了这类碰撞问题的调研和实现的.

2020-07-10 12:13:01 1016 1

转载基于 WebGL实现自定义栅格图层踩坑实录

以下内容转载自totoro的文章《几何计算-基于Turf.js实现多边形的拆分及合并》作者：totoro链接：https://blog.totoroxiao.com/geo-polygon-split-union/来源：https://blog.totoroxiao.com/著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前言自定义栅格图层是指用户可以通过特定软件，将自定义的图像按照上文所述的方式切割为瓦片，并生成图片，然后按照瓦片坐标拼接形成地图的图层。常用于手绘地图.

2020-07-03 12:07:59 597 5

转载腾讯地图JSAPI-在地图上添加自定义覆盖物

以下内容转载自多多洛爱学习的文章《JSAPI-在地图上添加自定义覆盖物》作者：多多洛爱学习链接：https://juejin.im/post/5ee5f80d51882542e2695874来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。地图上的覆盖物在地图上添加覆盖物有两种方式，一是在canvas画布上渲染，比如JSAPI GL绘制MultiMarker/MultiPolygon等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序，直接绘制在底图上层。这样.

2020-06-19 12:08:17 2350 2

原创离线地图接入指南

为了在⽆⽹、弱⽹或者特殊外⽹环境下也能流畅地显示地图，腾讯地图SDK从4.3.5版本开始，提供了⼀套离线地图⽅案。可⽀持离线地图开关、城市列表获取、离线城市数据下载、下载状态回调、离线缓存管理等能⼒。离线地图下载地址：iOS地图SDK、Android地图SDK本篇文章为Android地图SDK离线地图使用教程，iOS离线地图教程请参考：https://lbs.qq.com/mobile/iOSMapSDK/mapGuide/offline开启离线地图能力可按照以下步骤进⾏:打开离线地图开关.

2020-06-12 12:24:15 2149 1

原创一种室内定位免采集室内店铺Wi-Fi指纹填充算法

以下内容为我们内部人员供稿，著作权归作者所有。商业转载请联系我们获得授权，非商业转载请注明出处。对于目前最主流的室内Wi-Fi指纹定位技术而言，采集Wi-Fi指纹的覆盖度和新鲜度是决定定位精度最重要的因素。受到成本和导航需求等因素的限制，腾讯地图定位平台目前提供的室内定位服务只对商场的走廊部分采集了指纹信息。对于面积更大的商场店铺，目前很难人工采集Wi-Fi指纹。本文介绍了我们如何利用过去积累的定位日志数据，实现了室内店铺Wi-Fi指纹的自动填充，并用于室内定位服务，从而提升了我们室内定位服务的覆盖度.

2020-06-05 11:44:07 464 1

转载实现物流场景中小车Marker指向目的地

以下内容转载自面糊的文章《实现物流场景的小车Marker指向目的地》作者：面糊链接：https://www.jianshu.com/p/f794b02a81f5来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。场景需求快递物流相关APP中，如快递、送餐，可以让快递车Marker的车头，在途经点始终指向目的地，如下图所示：使用技术：腾讯地图iOS SDK，点标记和绘制线核心点：1、操作QPointAnnotation的坐标2、从mapView中获取途经点Q.

2020-05-29 12:02:00 427 2

空空如也

空空如也