去年 11 月份我们发布了 JSAPI 2.0 第一个 Beta 版,又经过数月的雕琢,JSAPI 2.0 正式版本终于和大家见面了。地图 JSAPI 2.0 是使用 WebGL 技术打造的高德第四代 WEB 地图渲染引擎,采用众多先进技术和优化手段,不论是视觉体验、交互体验、开发体验,还是 API 自身的开发能力和开发支持,均有质的提升。
清晰的层次化视觉表达
首先,与高德地图客户端同款的视觉配色,使得各类地图要素层次分类更加清晰,识别度大幅提升;全新矢量文字绘制技术使得地图标注更加清晰;天级数据更新保证了地图信息的时效性。
![dd1aadea84a4993cb59de904a0a53573.png](https://i-blog.csdnimg.cn/blog_migrate/30868da848031592ea553228f5a88a13.jpeg)
流畅的一体化交互体验
JSAPI 2.0 经过了数据生产工艺、数据服务、资源传输、前端解析、图形渲染、交互动画等全链路多方位的技术升级和优化,达到了前所未有的高效渲染和流畅体验。
![e5dd532ed9a27bd0cfbbbd488b121842.gif](https://i-blog.csdnimg.cn/blog_migrate/d7742e940d8db9198f81ac6e1fc105cc.gif)
接口性能大幅提升
JSAPI 2.0对所有常用覆盖物、图层的创建和绘制进行了深入的性能优化,各项性能指标均取得了大幅提升:
![7c8f7ad2e8ced1b016265a6a4c51dbe7.png](https://i-blog.csdnimg.cn/blog_migrate/9879b43cba1d9385e9b3598a2e0947b6.jpeg)
LabelMarker:支持避让的高性能图标与文字标注
![54987ea4a908e7b2d51875df78c720ec.gif](https://i-blog.csdnimg.cn/blog_migrate/d47210c6d9aed673a8c21f321af30469.gif)
海量点聚合:更高效的聚合计算
![2b85fbe2bfd2ecaaa05697a8368339b3.gif](https://i-blog.csdnimg.cn/blog_migrate/a1205899693e06674755e7885c85b651.gif)
场景化新功能&特性
同时,为了满足更多业务场景的个性开发需求,JSAPI 2.0 扩展了丰富的开发接口和众多全新特性:
zooms:[2,20]:地图最小级别放开至2级,获得更大的世界显示范围,满足全球化展示需求;最大级别放开至20级,满足街区级、室内级精细数据展示:
![8e7c18552d202cd32cd02e5d8d52174a.png](https://i-blog.csdnimg.cn/blog_migrate/631fcdd882110d43d18f6e327c24733f.jpeg)
标准GeoJSON支持:支持 MultiPolygon、MultiPolyline等复杂组合地图要素的绘制与事件交互。
![625d783bc3dc7ffc1c1b63753e1d3104.gif](https://i-blog.csdnimg.cn/blog_migrate/76b0c4d0baa8bd6c56c99cd4d71ee9f0.gif)
矢量覆盖物编辑器:支持从零创建,同时支持切换当前编辑对象,多边形编辑器还新增了吸附编辑的能力。
![09574de229886b47b1c0285ed1dabc7e.gif](https://i-blog.csdnimg.cn/blog_migrate/ddd54df9d862836fbf89606775b81fef.gif)
轨迹动画功能:接口设定与事件机制更加符合车辆轨迹监控与回放等业务场景。
![92e702cda58fcf8cd4e411f25b7baa2e.gif](https://i-blog.csdnimg.cn/blog_migrate/6a20eb71005431f8c214d012b4c0967f.gif)
LabelMarker避让:LabelMarker内置避让算法,同时支持自定义LabelMarker与地图主图标注、图标相互避让。
![43148caed83371ed423e10e230f0c36b.png](https://i-blog.csdnimg.cn/blog_migrate/39e8db6d07936253982e88ac218bc91f.jpeg)
贴心的开发体验
我们新推出了官方 JSAPI 加载器,支持 Browser 和 NPM 两种使用方式,在方便开发的同时,可有效避免异步引入、重复引入等使用方式带来的错误;同时在 github 发布了 JSAPI 的 TypeScript 声明项目,如果使用TS 进行开发,开发过程中可以享受到接口提示、参数类型提示等众多便利。另外我们准备了全新的参考手册供您查阅相关接口。
![6972e49f70d86b3ce854ee6a89127c7b.gif](https://i-blog.csdnimg.cn/blog_migrate/0d3cf8f290765e5ae7e776b747dc12ca.gif)
低成本快速迁移
对于开发者十分关心的兼容性问题,本着对开发者负责的一贯宗旨,JSAPI 2.0 在全面采用 WebGL 渲染进行 GPU 渲染加速的前提下,依然保证了全部基础功能的 IE9 兼容性;同时保持了移动端的良好兼容性;99% 以上的接口和 1.4 版本保持一致,只需要少许代码改动就可以享受到新版本的极佳特性。另外我们提供了 Adaptor——版本适配器插件帮助您实现最低成本的升级迁移。
关于地图 JSAPI 2.0 的更多说明请查看官网文档及示例中心。
「相关阅读」
上新!导航组件更多默认参数可设置
“子账号”来了!企业协同更便捷
地图 JSAPI 2.0 详细介绍,请点击下方“了解更多”查看