Mapbox添加model图层

贴个群号

WebGIS学习交流群461555818,欢迎大家

效果图在这里插入图片描述

源码

经常关注mapbox的朋友会发现,3.0版本之后,mapbox的api里更新了一个model图层
在这里插入图片描述
但是呢,却没有提供model有关的api,让我们摸不着头脑,到底该如何去用这个类型的图层,当然现在大家版本可能还都停留在2.15,3.0大版本依然存在一些问题并不稳定,很多朋友还没有用到这个,今天就探索一下,该如何去使用这个图层。
首先我们找不到官网的例子,但是呢,新版本的mapbox的底图里面会自带了很多东西,比如一些建筑、一些特殊的建筑,有心人发现了也存在一些树木。这些看起来可能都和model有关,那么我们可以打印一下全部图层查看一下。使用map.getStyle()可以看到所有图层,大家可以发现3.0版本后的mapbox,打印出来的东西和之前的不一样,这个今天就不说了。
在这里插入图片描述
然后现在底图里面的内容都在imports里面,在里面我们可以找到type类型是model的图层,会发现tree,也就是树木图层确实是使用这个model的,然后我们仔细观察他的图层配置,会发现他的数据源来自于矢量切片,看api里写的其实如果是geojson源的话那么也是可以的。那我们就很容易想到,矢量切片的话,那是不是意味着其实就是一个点,然后这个点使用一个树木的三维模型来代替,渲染出来的。然后查看官网api,里面有一个很重要的就是model-id,很明显这个就是用来指定我们的model-id的,然后我们又本能的想到,这个是不是就和line-pattern一样,需要注册一个树木的模型,然后再用这个来指定一下id就可以了。

然后答案就呼之欲出了,现在的重点就是,如何注册一个model??

搜索官网。。没有。使用和底图中tree一样的model-id可行吗?然后我试了下也不行,但是他很明显是有的啊,于是我们查看源码,发现了…
在这里插入图片描述
可恶! 你的源代码里面明明这些api都齐全了,为什么不暴露出来给用户使用呢!!
然后我们使用addModel方法添加了一下图层,就完美解决了。

不过事情到这里还没有结束,我发现一旦把模型的高度拉高到超越视角,那么旋转地图,模型就会满天飞~ 可能是这些api尚存在bug吧,官方没有推出来。就这样。
源代码里面还有这样一种注册模型的写法,可能是废弃写法。
在这里插入图片描述

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Mapbox添加图层,您可以按照以下步骤进行操作: 1. 首先,您需要一个 Mapbox 账户。如果您还没有账户,请在 Mapbox 网站上注册一个新账户。 2. 登录到 Mapbox 网站后,转到您的仪表板。 3. 在仪表板上,您可以选择创建一个新的地图项目或编辑现有的地图项目。选择适用于您的情况的选项。 4. 在地图编辑器中,您可以添加图层。点击左侧的 "图层" 选项卡。 5. 在图层选项卡上,您可以选择添加一个新的图层或编辑现有的图层。点击 "添加图层" 按钮。 6. 在图层编辑器中,您可以为新图层选择样式和数据源。您可以选择 Mapbox 提供的默认样式,或者根据您的需求自定义样式。您还可以选择使用 Mapbox 的矢量瓦片地图数据源或上传自己的地理数据。 7. 在图层编辑器中,您还可以设置图层的透明度、可见性和其他属性。根据您的需求进行调整。 8. 完成图层编辑后,点击保存并应用更改。 9. 在地图编辑器中,您可以预览和测试您的地图。您可以随时返回并进行更改。 10. 一旦您满意地图的外观和图层设置,您可以将地图嵌入到您的网站或应用程序中。在地图编辑器中,点击 "分享" 按钮并按照指示进行操作。 这些是在 Mapbox添加图层的基本步骤。根据您的具体需求,可能还有一些高级功能和选项可供使用。您可以在 Mapbox 的官方文档中找到更多详细的信息和指南。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值