プログラミングでちょっと役に立つヒント。備忘録として書いておく。

Icon Styleを指定する際、

new Icon({
  src: 'symbols.png',
  size: [icon.width, icon.height],
  offset: [icon.x, icon.y],

のようにsrcでスプライト画像、size、offsetでスプライト画像中の矩形領域を指定する。これらのパラメータの設定は、Mapbox GL JSのspriteのJSONに合わせて、

{
  "Summit" : {
    "height" : 24,
    "width" : 24,
    "y" : 0,
    "x" : 624,
    "pixelRatio" : 1
  },
  :
}

のようなJSONファイルを読み込んで行うと、共通化の点で便利。

GeoJSONからアイコンの情報を読み込む際、スタイルつき GeoJSON 規約ではLeafletの仕様に合わせて _iconUrl というパラメータで画像URLを指定している。これは分かり易いが、スプライト画像が利用できないので良くない。_iconというパラメータで種別を指定するようにすべき。スプライト画像を使わない場合でも_iconから_iconUrlを得ることはLUTなどを用いて容易に実装でき、画像の置き場に関して自由度が増す。