どうもfujiharaです。 いよいよ今年も残すところ1ヶ月になりましたね。 毎年この時期になるともらえないお年玉に期待を寄せ始めます。 本日は地図で使用されるLeafletにカスタム画像を使用する方法をご紹介いたします。 Leaflet自体は 地図をカスタマイズして使えるようにする、軽量でマルチブラウザ対応の優れたJSライブラリです。 また、対応するプラグインも多くあり、皆さんも使ったことがあるかもしれません。 特定のポイントにピンを立てたり、オブジェクトをおいたりするのに緯度経度を使用するんですが、 調べているとカスタムの画像でその空間に対して各種Leafletの操作を行えるのことがわかったので 今回はご紹介します。 non geographical map サンプル コード //head (Leaflet の css, js の読み込み) <link rel="stylesheet"