Mapbox浅析（快速入门Mapbox）

最新推荐文章于 2024-05-17 17:02:30 发布

Taylor-NG

最新推荐文章于 2024-05-17 17:02:30 发布

阅读量1.7w

点赞数 1

分类专栏： Mapbox 文章标签： mapbox style文件 mapbox-gl.js GIS

本文链接：https://blog.csdn.net/TaylorSao/article/details/80534890

版权

本文介绍了Mapbox的基本概念，它是一个免费的个性化地图创建平台。文章对比了mapbox.js与mapbox-gl.js的异同，指出mapbox-gl.js需要WebGL支持。重点讨论了style文件在Mapbox中的作用，它是Map的样式定义，包含sources和layers。source类型包括vector、raster等，layer用于数据呈现，并可以通过filter进行条件渲染。

摘要由CSDN通过智能技术生成

1.是什么？

Mapbox是一个可以免费创建并定制个性化地图的网站。

2.了解一些基本东西

常见的 mapbox.js和mapbox-gl.js的异同点？

相同点：

1.都是由Mapbox公司推出的免费开源的JavaScript库

2.都可以作为前端渲染矢量瓦片交互地图的工具

3.它们的样式设置都支持Mapbox Style

不同点：

1.mapbox.js是Leaflet的一个插件，使用方式是通过结合Leaflet使用

2.mapbox-gl.js是Leaflet的一个插件，使用方式是通过结合Leaflet使用

3.使用mapbox-gl.js的浏览器必须支持WebGL渲染，在旧的浏览器中是不支持mapbox-gl.js的，而mapbox.js则没有此限制

3.能表达整个Map的style文件

mapbox-gl.js目前是围绕style文件来进行的，其内容如下：

{
    "version": 8, 
    "name": "Mapbox Streets",
    "sprite": "mapbox://sprites/mapbox/streets-v8", 
    "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf", 
    "sources": {...},
    "la