高德地图3dtiles开源插件正式发布

1,164 阅读1分钟

简介

    @vuemap/layer-3dtiles是高德地图JSAPI2.0的开源扩展插件,该插件可用于加载3DTile数据,插件依赖@amap/three-layer

插件文档地址

配套高德vue组件库 @vuemap/vue-amap

示例地址

codepen示例

制作背景

    目前高德地图对于3dtiles这部分数据加载一直较为欠缺,当前官方插件功能不够强大,更新速度较慢,也欠缺文档。

使用方法

    插件支持CDN加载和npm加载两种方式,使用CDN加载时会将Layer3DTiles类加载到AMap命名空间下,使用npm加载时则可以直接从插件里import相应的类来处理,具体使用方式可以查看文档。

插件优势

    插件基于开源插件3d-tiles-renderer扩展实现,只要3d-tiles-renderer支持的格式都支持,同时提供常用的模型的放大缩小、点击事件等能力。

模型导出时注意事项

  • 当使用shp文件生成3dtiles时,参考坐标系需要根据shp文件的坐标系来设定,正常shp文件使用EPSG:4326坐标系,也就是WGS84
  • 使用倾斜摄影生成3dtiles时,需要在导出时将原点设置为0 0 0

最后再标注一下项目地址: github链接