mapbox初学者笔记
初学者参考学习链接:
http://www.mapbox.cn/help/how-mapbox-works/
GeoJson
一种用于编码各种地理数据结构的格式
{
"type": "Feature",
//图形信息
"geometry": {
"type": "Point",
"coordinates": [125.6, 10.1]
},
//属性(包括在弹窗里的title、name和description等)
"properties": {
"name": "Dinagat Islands"
}
}
GeoJSON支持以下几何类型:Point,LineString, Polygon,MultiPoint,MultiLineString,和MultiPolygon
Mapbox 样式规范
Mapbox 样式规范定义样式文档中应包含的信息,供渲染器显示地图,包括标题,初始相机 位置的值,样式中使用的源和其他资源,以及地图图层的样式规则。其中一些需要理解的关键概念有:
你在浏览器或设备上看到的地图是将样式规则 (样式 JSON)应用于数据源(通常是地图图块或 GeoJSON)以呈现完整地图的结果。在 Mapbox 样式规范的语言中,数据源称为源 ,数据的样式规则被组织为图层。如果不指定源和图层,则无法创建地图。
- Sources:数据源告诉渲染器你想要包含哪种数据以及在哪里找到它。
- Layers:一个图层是代表数据源中数据的样式。它包含地图上图层显示方式的信息,包括颜色,透明度,字体等。
如果你要在地图中使用图标,图像或字体,那你的样式将需要包含一个 sprite 或glyphs 属性。
- Sprite:样式中的所有图标或图像都需要存储在 sprite。 获取更多 sprites 是怎样工作的.
- Glyphs:字形用于显示样式中的子图。样式中字形的属性提供一个 URL 模板,用以PBF 格式加载符号-距离-字段的字形集.
修改天空背景色
https://docs.mapbox.com/mapbox-gl-js/example/atmospheric-sky/
例子:
map.addLayer({
'id': 'sky',
'type': 'sky',
'paint': {
'sky-type': 'atmosphere',
'sky-atmosphere-sun': [0.0, 90.0],
'sky-atmosphere-sun-intensity': 15
}
});