MapBox2D、3D切换属性设置详解

最新推荐文章于 2024-03-05 09:04:33 发布
最新推荐文章于 2024-03-05 09:04:33 发布
阅读量3.7k 收藏 1
点赞数
分类专栏： MapBox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GuoHengWei/article/details/78617736
版权

概述：此方式通过配置style.json配置文件来设置2D/3D属性，切换时无需重新加载Area层数据，只需切换一个属性即可。

步骤：1、配置文件中添加属性

（1）、配置过滤条件和默认2D、3D高度

（2）、配置具体2D、3D高度

2、读取配置文件style.json，解析json并写入MapBox配置中；

 

3、在地图处理2D、3D切换的时候，可先获取Area层layer对象，然后通过更改属性来实现2D/3D效果的切换：

 

 

Jerome_GHW
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
MapBox GL JS 与OpenLayers，Leaflet，maptalk等前端众多地图框架对比
lz5211314121的博客
09-05 5373
如果你关注的是地图的美，前端渲染的炫酷，强调展示层面，那你选择mapbox准没错，如果你的地图应用有很多客户提出的个性化需求，对地图有很多频繁的操作需求，那你不妨试试ol，如果你要做移动端的app，可以使用leaflet，如果你要支持国产，那你也可以使用maptalk。maptalk的缺点在于稳定性不是很好，性能上与其他几个框架相比也稍微有点差，毕竟国内开源的，而且还是由个人编写的，背后没有资本的注入，确实没办法将框架有质的提升，不过对于新手练习，简单地图应用的构建还是完全够用的。
unity3D结合mapbox项目源码
09-15
unity结合MapBox项目源代码，直接使用unity3D软件打开解决方案即可。。。
mapbox加载全球3D建筑
最新发布
热爱WebGIS的博客
03-05 1165
本案例使用Mapbox GL JavaScript库进行加载全球3D建筑。
mapbox 视角切换，模仿baidu地图的3d与2d的切换，与指南针的旋转
06-09
mapbox 视角切换，模仿baidu地图的3d与2d的切换，与指南针的旋转
mapboxgl2.4.1加载3D建筑物
06-14
mapboxgl2.4.1加载3D建筑物 建筑物用的矢量瓦片，用的是geoserver本地发布的数据
Mapbox使用详解
热门推荐
我的iOS王者之路
01-31 8万+
一、简介： Mapbox致力于打造全球最漂亮的个性化地图。 在一次偶然的地图相关资料搜索过程中发现了一个很神奇又很漂亮的地图，这个地图支持高度自定义各种地图元素，比如，道路，水系，绿地，建筑物，背景色，等等。Mapbox打造的Mapbox studio地图制作虚拟工作室，就是一个很完美的地图元素个性化编辑器。另外，我们也可以把自己项目的地理信息数据上传到Mapbox云端，然
mapbox 视角切换 3d与2d之前的切换，加指南针的旋转，模仿百度地图实现的效果
qq_24411895的博客
06-09 1084
mapbox 视角切换 3d与2d之前的切换，加指南针的旋转，模仿百度地图实现的效果
vue项目中使用mapbox地图，切换底图
weixin_44090753的博客
02-02 3516
vue项目中使用mapbox地图，切换底图
vue+mapbox实现地图3D地图展示效果
weixin_44378416的博客
10-07 5822
其中包括了mapbox各种插件的使用包括了全图模式，定位，地图遮挡层，鹰眼地图，地图标注，测量距离、面积。具体代码示例如下： <template> <el-container> <el-header> <el-row class="boxoption"> <el-select v-model="value" id='menu' clearable> <el-option i
GIS开发常用的开源地图数据库介绍
gis_witch的博客
01-24 6477
本文主要介绍GIS二次开发常用的一些JavaScript开源数据库。
mapbox_3dbubble_demo.rar
10-16
在研究webGL和Three.js之前，曾经看过mapbox-gl源码的一个分支，在mapbox主分支不支持 symbol 类型 layer 的3D效果（也就是Z轴传值）时，根据源码内容新建一个demo研究此类型的3d效果，现在我把成果分享出来！
mapbox绘制航线图
04-19
使用地图绘制航线图
mapboxgl区划标签避让不遮盖实现的代码详解
11-20
Mapbox GL JS是一个JavaScript库，使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能，MapboxGL能够渲染大量的地图要素，拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端，是一款...
mapbox-unity-sdk-v2.1.1
10-17
mapbox-unity-sdk_v2.1.1.unitypackage unity地图开发插件，包含各类示例程序，支持地图显示，搜索，定位，导航等功能，支持显示3D地图，自定义地图、AR\VR地图等内容。
mapbox_three_3D_bubble_demo.rar
10-16
mapbox-gl+Three.js实现三维球体专题图，3D气泡图、动画效果、轻量级！
style-switcher:Mapbox GL JS样式切换器
05-28
Mapbox GL JS样式切换器 向mapbox-gl添加样式切换器 安装： npm i mapbox-gl-style-switcher --save 演示： 用法： import { MapboxStyleSwitcherControl } from "mapbox-gl-style-switcher" ; import { Map as ...
mapbox加载3dtiles倾斜摄影模型demo
07-06
mapbox加载3dtiles倾斜摄影模型demo mapbox+deck.gl加载cesium定义的3dtiles数据，方便加载倾斜摄影模型
mapbox-gl-js 2d与3d切换
05-16
Mapbox GL JS是一款开源的Web地图库，它支持2D和3D地图，并且可以无缝切换。该库提供了丰富的API和工具，使得开发者可以轻松地创建高效、交互式的地图应用程序。 在使用Mapbox GL JS时，开发者可以使用样式层来控制地图的外观和行为。对于2D和3D地图，样式层的设置和使用方式是不同的。 对于2D地图，开发者可以使用平面的地图样式来显示地图。这些样式层中包含了地图的背景、地图的标签、地图的线条和面片等。对于这些样式层，开发者可以使用简单的CSS样式语言来控制它们的外观和行为。 对于3D地图，开发者需要使用矢量图形来显示地图。这些样式层中包含了地图的三维模型和纹理，可以让开发者实现更为逼真的地图体验。同时，开发者可以使用GLSL和JavaScript等编程语言来控制这些样式层的外观和行为。 在创建地图应用程序时，开发者可以轻松地在2D和3D地图之间进行切换。可以通过简单的API调用来实现这一功能，开发者只需要在样式层上添加相应的切换属性，就可以实现地图的无缝切换。这样，用户可以自由地在2D和3D地图之间切换，获得更为自然、直观的地图体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值