升级 | 地图可视化覆盖物能力全面升级,交互事件更丰富,接入操作更简单!

目前,在地图各端产品中,浏览器端地图一直承载着大量流量,每日响应请求次数达到数亿次。鉴于其使用场景的独特性,经常在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>