ckoshien https://blog.hatena.ne.jp/ckoshien/ 技術日誌 https://ckoshien.hatenablog.jp/ ReactJS leaflet 何気なくよく使っているGoogleMap、 googleの公式サイト以外で使おうとすると料金がかかるのを知っていますか？ ということで、Google MapsAPIを使わずに地図表示する方法を調べてみました。 Leaflet.jsというオープンソースの地図表示ライブラリがありました。 leafletjs.com こちらはreactコンポーネント化したライブラリ react-leaflet.js.org react-leafletトラブルシューティング Mapコンポーネントにheightの指定が必要 leaflet.cssのimportが必要 マーカーの上書きが必要 delete L.Icon.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fckoshien.hatenablog.jp%2Fentry%2F2020%2F04%2F04%2F102843" title="react-leaflet事始め - 技術日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-04-04 10:28:43 rich https://ckoshien.hatenablog.jp/entry/2020/04/04/102843 1.0 100%