久等,地图 JSAPI 2.0 Beta 版来了
最后更新时间: 2020年02月21日

       历时几个月的精心设计与实现,高德地图 JSAPI 2.0 Beta 版终于和大家见面,久等了!

       为更好地服务开发者与用户,我们对 API 功能进行了全面优化,使其“更轻、更快、更易用”;并从 0 到 1 设计打造了一套体系化的产品架构,为未来业务场景的多元化提供了更多可能性。       


第 4 代 Web 地图渲染引擎

        伴随开发者要求的不断提高,以及我们对质量与技术的无尽追求,地图 JSAPI 持续进行着技术革新与升级换代,前后经历了 4 代地图渲染引擎:

        - 第 1 代 Web 地图渲染引擎以栅格瓦片拼接为主要的地图绘图手段;

        - 第 2 代 Web 地图渲染引擎引入 Canvas 2D 绘图,实现了矢量地图绘制;

        - 第 3 代 Web 地图渲染引擎初步引入 WebGL 渲染,实现了部分图层的3D渲染,并使渲染效率得到提升;

        - 第 4 代 Web 地图渲染引擎——地图JSAPI 2.0 Beta,广泛采用各种前沿技术,不论是交互体验、视觉体验,还是接口能力都有大幅提升。


交互体验提升

        地图 JSAPI 2.0 是我们基于 WebGL 渲染技术打造的高德第四代 WEB 地图渲染引擎,所有图层与地图要素均使用 WebGL 绘制,充分利用 GPU 运算。除此之外,我们从世界模型构建、矢量数据请求、数据加载传输、前端数据处理、地理要素构建、图形绘制显示、实时事件交互、惯性缓动效果等各个节点进行了深度的技术、逻辑与算法优化,使得地图的交互体验更加平顺自然。


视觉体验升级

        为了图面信息传递更加高效,我们对 2000+ 种类的地图要素进行了系统化的层次和优先级精细梳理;同时我们对包括图标、文字、道路、路名、区域面、楼块等全部地图元素的视觉样式进行了优化升级,一定会让您一目了然。


功能强化升级

        为了让开发体验更便捷,接口功能更加贴近现实需求,新版本突破了旧版本的部分功能设定或性能局限,如:

        - 地图缩放等级 (zoom) 放开至[2, 20],大到全球七大洲,小到街道或室内,满足更多业务场景需求;

        - 老版本中 Marker 点的添加、信息窗体的打开时的异步处理过程彻底消除,再也不用为 JQuery 等选择器选查找不到对应 Dom 元素而苦恼;

        - 折线 Polyline、多边形 Polygon、点标记 Marker 等覆盖物的创建效率大幅提升,实测提升 10 倍以上;

        - LngLat/Pixel/Size支持二元数组形式;

        - 合理化部分接口的设定。

        - PolygonEditor新增吸附能力

试用邀请

为了倾听广大开发者的心声,持续完善我们的能力,为大家提供更优质的服务支持,现诚邀大家试用高德地图 JSAPI 2.0 Beta 版,并提出宝贵意见与建议,十分感谢!

        地图 JSAPI 2.0 Beta 的加载方式及接口设定与地图 JSAPI 1.4.x 版本基本保持一致,只需将 JSAPI 引用地址中的v字段改为2.0Beta即可体验到新版本的众多特性:

<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0Beta&key=您申请的Web端key值"></script>


地图 JSAPI 2.0 Beta 版本尚有部分功能未能覆盖,我们正在“码”不停蹄的开发中:

  • 海外地图 / 室内地图
  • Object3D 相关三维覆盖物类型


我们新增了一些接口,并对个别接口进行了优化升级,说明如下:

变更方式

关联类

关联接口

说明

新增方法

Map

getMapState()

获取地图当前的状态,比如paningzoomingrotating

新增方法

Map

getControlContainer()

获取地图空间所处的容器,用于支持自定义控件

新增事件

Map

viewchange

当地图的中心、级别、倾角、转角、尺寸发生变化时触发

默认值变更

Map

zooms/zoom

新版本缩放等级的默认值域放开至[2,20]

默认值变更

Map

pitch

根据不同的zoom等级,pitch的最大值在[50-70]之间变化

新增方法参数

Map

setZoom(zoom, immediately)

setCenter(center, immediately)

setZoomAndCenter(zoom, center, immediately)

setPitch(pitch, immediately)

setRotation(rotation, immediately)

增加immediately参数,控制视图变化过程是否动画过渡,默认为false,即使用动画

功能变更

ToolBar


功能简化,删除了鱼骨缩放与罗盘,仅保留缩放按钮

新增方法

WebService

get/post

用于透传请求 Web服务API,不再经过JSAPI包装

新增插件

AMap.MoveAnimation

moveTo/moveAlong

Marker动画插件,moveTo使Marker从当前位置移动到目标位置,moveAlong使Marker沿轨迹移动,移动的时长和过程可灵活配置

新增方法


AMap.extend

用于对JSAPI 接口类的原型扩展

为了方便 地图 JSAPI 的开发者直接调用 Web服务 API,我们提供了 AMap.WebService接口进行服务透传查询,一般GET请求的服务接口,比如POI搜索可参考以下代码:

AMap.WebService.get('https://restapi.amap.com/v3/place/text',
  {
    keywords : '首开广场',
    types : '写字楼',
    city : '010'
  },function (error, result) {
    console.log(error, result);
})

如果是轨迹纠偏等POST接口,参考如下代码:

AMap.WebService.post('https://restapi.amap.com/v4/grasproad/driving',
  [
      {"x":116.478928,"y":39.997761,"sp":19,"ag":0, "tm":1478031031},
      {"x":116.478907,"y":39.998422,"sp":10,"ag":0, "tm":2},
      {"x":116.479384,"y":39.998546,"sp":10,"ag":110,"tm":3},
      {"x":116.481053,"y":39.998204,"sp":10,"ag":120,"tm":4},
      {"x":116.481793,"y":39.997868,"sp":10,"ag":120,"tm":5}
  ],function (error, result) {
    console.log(error, result);
})


展望

未来我们还将不断打磨产品,持续推出更多高呼声的新功能与新特性,以满足各行各业的需要;一款宽更贴近开发者使用习惯的产品正在锣密鼓地研发中,敬请持续关注高德开放平台。



返回顶部 示例中心 常见问题 智能客服 公众号
二维码