オープンソースの地図ライブラリである Leaflet.js を使って(正確には「 Leaflet.js の UI 」を使って)、地図以外の情報を表示することができます。今回は「画像」を表示する方法を紹介します。 例えば Leaflet.js を使って OSM(OpenStreetMap) の地図を表示するには以下のような JavaScript コードをブラウザで実行します: <div id="demoMap"></div> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"/> <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script> <script> var map = L.map('demoMap
![Leaflet.js の UI で画像を表示する(1) : まだプログラマーですが何か?](https://cdn-ak-scissors.b.st-hatena.com/image/square/95bd265ef4dfc04c7d09432a9ea5c21def66f211/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fdotnsf%2Fimgs%2F6%2Fb%2F6b82a40f-s.png)