高德地图加载3dtiles

简介

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

插件文档地址

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

示例地址

codepen示例

制作背景

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

使用方法

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

插件优势

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

模型导出时注意事项

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

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