Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

时间:2024-04-09 16:51:51

点击“开发者技术前线”,选择“星标????”

在看|星标|留言,  真爱

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

腾讯位置服务在半年前推出JavaScript API GL beta版,这期间很多开发者将其采用到自己的项目中,同时为我们反馈使用问题与建议,帮助JavaScript API GL得到快速成长在持续了8个版大迭代,几十次小迭代后,正式对外发布

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

JavaScript API GL是新一代基于WebGL实现的高性能三维渲染引擎而封装的一套3D版本地图API,借助GPU的计算能力实现海量数据渲染,满足3D视角下的地图展示,旨在让地图呈现给用户最真实的世界。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

3D效果与流畅体验于一身

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

缩放由18级扩大到20级,地图查看、交互操作更精细;

支持无级缩放,过程平滑,再无顿挫。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

文字实时渲染,碰撞消失淡进淡出,过程优雅自然。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

底图文字可隐藏,图面干净简洁,突显你所想要表现的内容。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

海量数据渲染,性能爆表

充分发挥GPU的并行计算能力,同时结合WebWorker多线程技术,大幅度提升了大数据量的渲染性能。最高支持百万级点、线、面绘制,同时可以保持高帧率运行。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

JavaScript API GL(平均帧率50+)    

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

2D API(平均帧率8)

2D API 与JavaScript API GL极限数据性能对比

CPU:i7-4790,3.6G

内存:16GB

显卡:集成显卡

浏览器版本:Chrome 75.0 (32位)

性能对比


2D API

JavaScript API GL

点标注

3k

20w

线段

1k

15w

多边形

500

1w

文本标注

3k

10w

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

功能全面升级,场景支持丰富

除了体验与性能方面,JavaScript API GL在功能方面也做了大幅度升级,更为完备,包括点、线、面绘制,自定义图层叠加、个性化样式应用工具等,使开发者可以更加容易的实现产品构思。

点标记MultiMarker

除了海量点标记展示,在功能层面,还内置了沿线动画的功能,使您方便的实现如轨迹回放、网约车中的小车平滑运动效果。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

内置点聚合(MarkerCluster)

海量点的视觉冲击震撼,但很多时候,数字的精确传达却也是应用中不可或缺的。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

多边形(MultiPolygon)

支持简单多边形、环形、多洞、飞地(多块同属一个逻辑主体)、边线/填充样式、3D拔起。

对电子围栏、园区范围、服务范围、地块、楼块等各类应用场景提供支持。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

折线(MultiPolyline)

定制化虚线、实线、蚯蚓线,是路线规划功能的最佳伙伴,另外,小车(MultiMarker)可沿着路线行进。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

定义栅格图层(ImageTileLayer)

您可将图片形式的地图(如景区手绘图、园区图等),叠加到JavascriptAPI GL上显示出来,以达到极富个性化的地图呈现。
ImageTileLayer提供了加载第三方瓦片的能力,如果您有比较强的技术能力,它可以非常灵活的实现您的需求。另外我们还提供了
个性化图层平台,在线操作图片上传、叠加校准、自动切片,简单低成本的达到这一效果。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

Canvas贴地图层(CanvasGroundLayer

用于创建canvas图层,实现自定义的图形渲染,用于在地图上叠加定制化强、复杂度高的动画效果。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

地图应用工具

绘图工具,提供可视化的绘制点、线、面的能力,让绘图变得更加轻松。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

多边形绘制, 用于电子围栏、园区范围、服务范围的可视化编辑,提供邻近区域贴边吸附功能,操作简单,不压盖、不留缝。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

快速编辑几何图形,多边形一键操作拆分、合并。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

距离测量工具,帮助开发者在地图上获取精准的真实距离。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

地图个性定制,数据酷炫呈现

个性化地图配置,适配各种UI风格,让地图不再千篇一律。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

为了将数据更加酷炫的呈现在地图上,基于JavaScript API GL我们提供了一套位置数据可视化API,它可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

JavaScriptAPI GL作为腾讯位置服务重点打造的浏览器端地图API产品,在功能、体验方面做了非常大的提升,并且仍在持续改进迭代,现已有美团、企业微信等合作伙伴接入到自己的实际产品中,将更好的地图体验提供给他们的客户,在此也欢迎各位开发者接入。


JavaScript API GL免费开放

点击阅读原文或登录 lbs.qq.com即刻开始

示例代码拷走即用

老版本一键升级,稍后推出~

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布

Web3D地图来了!腾讯位置服务JavaScript API GL正式版发布