热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

地图显示动态轨迹_升级|地图可视化覆盖物能力全面升级,交互事件更丰富,接入操作更简单!...

目前,在地图各端产品中,浏览器端地图一直承载着大量流量,每日响应请求次数达到数亿次。鉴于其使用场景的独特性,经常在PC端场景
46b24f23c53e54f7223b5e0887e109a8.png

目前,在地图各端产品中,浏览器端地图一直承载着大量流量,每日响应请求次数达到数亿次。鉴于其使用场景的独特性,经常在PC端场景中被使用,因此更大的屏幕、更直观的展示随之而来的是对于地图可视化能力日渐升级的诉求。

早在今年年初,百度地图开放平台推出了基于WebGL的全新浏览器端地图开放产品,Javascript API GL,一经推出便收到广泛好评,尤其是在3D场景下的地图动效,在轨迹管理等多业务场景中得到了大量应用。

近期,我们又在GL版本的基础上,进行了新一轮的迭代升级,带来更丰富的展示功能,更完整的地理数据和更加友好的开发体验。

覆盖物能力全面升级

地球模式轨迹路书

在百度地图独有地球模式下融合动态轨迹路书功能,航线类效果展示更加震撼炫酷。

d5ea148fdcac57b8b281bcc813bc4f35.png

新增3D棱柱覆盖物

区域面是最常见的覆盖物类别之一,本次新增3D棱柱覆盖物,在二维面上增加高度属性,可以更加直观地突出展示目标区域,比如日常应用中常见的行政区划展示。

0c778bd4847f9786ccabb690b6cc296f.png

镂空面绘制

可添加内部镂空的多边形覆盖物。

e13147a8a12632884c8db41a60062449.png

带高度的点覆盖物

用户可添加带高度的点覆盖物,在倾斜视角下获得独特的展示效果。

4c0e4e1f7795d97eadf08977127f6bbe.png

更丰富的交互事件

线面圆交互事件

可自由编辑特定覆盖物轮廓范围。

7067b97ab1c246252e07eb0935e8ffbd.png

棱台鼠标交互

基于3D棱台覆盖物的展示,进一步支持了相关的鼠标交互功能,包含点击、hover等。

1230b2571388b3472ea01a4b9a1ae872.png

轨迹播放控制

在轨迹动画基础上支持自定义暂停和继续播放事件。

8584c7b89c0c4d4c0b2a48b0bc3c4be2.png

接入操作更简单

React-BMapGL

基于百度地图Javascript API GL版针对现代前端主流框架react封装的组件库,使开发者能够在react业务开发中通过react组件的写法,来更方便的使用百度地图Javascript API。

该组件库包含了地图控件、覆盖物、地图图层、服务等JSAPI常用功能,并且内置了GL版开源工具库,并支持自动异步引入脚本,开发者无需关注脚本引用等接入操作,开箱即用,接入操作更简单。同时,React-BMapGL内部也以非常友好的方式封装了百度地图地理大数据可视化库MapVGL,只需简单几行代码,就能够创建炫酷的大数据可视化效果。

c08286a1bfc4c4d1011266dffbf7cfff.png
e49c8a6e171296c8c1894d110bb7f97c.png

其次,该组件库基于react与typescript开发,能在开发者使用时提供非常友好的代码补全提示功能,提高开发效率同时也能减少写出bug的概率。

另外,React-BMapGL有完整独立的文档与示例,且支持实时编辑预览。



推荐阅读
author-avatar
钟爱胖胖
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有