mapbox学习笔记

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
}
});
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值