本文作者:用****9
目前,在地图各端产品中,浏览器端地图一直承载着大量流量,每日响应请求次数达到数亿次。鉴于其使用场景的独特性,经常在PC端场景中被使用,因此更大的屏幕、更直观的展示随之而来的是对于地图可视化能力日渐升级的诉求。
早在今年年初,百度地图开放平台推出了基于WebGL的全新浏览器端地图开放产品,JavaScript API GL,一经推出便收到广泛好评,尤其是在3D场景下的地图动效,在轨迹管理等多业务场景中得到了大量应用。
近期,我们又在GL版本的基础上,进行了新一轮的迭代升级,带来更丰富的展示功能,更完整的地理数据和更加友好的开发体验。
覆盖物能力全面升级
地球模式轨迹路书
在百度地图独有地球模式下融合动态轨迹路书功能,航线类效果展示更加震撼炫酷。
新增3D棱柱覆盖物
区域面是最常见的覆盖物类别之一,本次新增3D棱柱覆盖物,在二维面上增加高度属性,可以更加直观地突出展示目标区域,比如日常应用中常见的行政区划展示。
镂空面绘制
可添加内部镂空的多边形覆盖物。
带高度的点覆盖物
用户可添加带高度的点覆盖物,在倾斜视角下获得独特的展示效果。
更丰富的交互事件
线面圆交互事件
可自由编辑特定覆盖物轮廓范围。
棱台鼠标交互
基于3D棱台覆盖物的展示,进一步支持了相关的鼠标交互功能,包含点击、hover等。
轨迹播放控制
在轨迹动画基础上支持自定义暂停和继续播放事件。
接入操作更简单
React-BMapGL
基于百度地图JavaScript API GL版针对现代前端主流框架react封装的组件库,使开发者能够在react业务开发中通过react组件的写法,来更方便的使用百度地图JavaScript API。
该组件库包含了地图控件、覆盖物、地图图层、服务等JSAPI常用功能,并且内置了GL版开源工具库,并支持自动异步引入脚本,开发者无需关注脚本引用等接入操作,开箱即用,接入操作更简单。同时,React-BMapGL内部也以非常友好的方式封装了百度地图地理大数据可视化库MapVGL,只需简单几行代码,就能够创建炫酷的大数据可视化效果。
代码:
<MapvglView effects={['bright']}>
<MapvglLayer
type="SimpleLineLayer"
data={line}
options={{color: 'rgb(255, 153, 0, 0.6)'}}
/>
<MapvglLayer
type="LineTripLayer"
data={line}
options={{color: 'rgb(255, 255, 204)', step: 0.3}}
/>
</MapvglView>