はじめに Leafletの恩恵を受けたい!!でもどうしてもプロジェクトに導入するにはラッパーを用いることが多い。とはいえLeafletの理解なしではいいかんじのコンポーネントもうまく使いこなせない・・・ということでLeafletのコードも書きつつReactLeafletを触ってみました。 Leafletについて Leaflet OpenStreetMapなどのマップと組み合わせることによってWebで地図を表示することができるJavaScriptライブラリ React Leaflet React.js上で使うためのラッパーライブラリでいいかんじに抽象化されたコンポーネントとして利用することができる 環境 leaflet v1.7.1 react-leaflet v3.2.5 導入から地図表示まで 導入からデフォルトの地図表示までをReactLeafletのチュートリアルを参考に進めていく プ