腾讯地图--3d建筑物转2d

我是杜豪

于 2023-05-30 15:44:50 发布

阅读量455

点赞数 4

文章标签： 3d

本文链接：https://blog.csdn.net/weixin_55717063/article/details/130949857

版权

JavaScriptAPIGL的地图默认展示3D建筑物，但可以通过viewMode字段切换到2D视图。要控制建筑物显示，需关注baseMap的features字段，如将building2d改为building3d来切换建筑物的维度。此外，buildingRange用于设置建筑物显示级别。官方文档提供了更多关于如何自定义地图元素的详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript API GL 的地图建筑物默认是3d呈现的，并且视角也是3d视角，但是可能有时候会用到2d建筑的平面图，比如：

3d建筑：

2d建筑：

创建map实例有个字段是viewmodel字段可以转换2d和3d，但是这只是视图的转换，如果要控制建筑物或者道路标记文字等，我们需要baseMap这个字段，

官方文档：JavaScript API | 腾讯位置服务 (qq.com)

可以看到这里的features字段是数组数据，可以控制建筑物3d等，需要显示哪些就往数组里填

示例代码

 var map = new TMap.Map(document.getElementById('container'), {
                center: center,//设置地图中心点坐标
                zoom: 17.2,   //设置地图缩放级别
                viewMode:'2D',
                baseMap: {
                type: "vector",//必填'vector'
                features: ["base", "building2d", "point",'label'], 
                //需要3d建筑物就把building2d改成building3d
                buildingRange:[14.5, 25] 
                //设置建筑物楼块的显示级别，目前设置成了所支持的最大范围[14.5, 25]
    },