入門日記(3)基本概念Mapbox基本概念Mapboxでは、Layer(StyleLayer)とSourceはとても重要な部分になります。Layer(StyleLayer)mapboxの描画方法になります。現時点下記circle,heatmap,hillshade,fill,fill-extrusion,line,symbol,background,raster,custom10種類あります。それぞれStyleLayerを継承し、定義されています。Sourcelayerを描画する時に使われるデータです。vector,raster,raster-dem,geojson,video,image,canvas7種類あります。SourceCacheはSourceのコンテナーであり、Sourceをタイル形式に変換し、そのタイルをCacheします。BucketBucketはSourceがタイルに分割されたgeoデータをGLのvertexとして使えるBufferなどに変換し、キープしています。GLSL実際webglで描画に使うShaderスクリプト。Draw具体的に描画コードの入口はpainter.jsファイルの下記の部分です。Drivenの形で、データ処理、描画しています。GISの技術を多用しています。そのため、完全に理解するには多少時間がかかります。今後できるだけ詳しく書いて行きたいと思います。