ReactでReact-Leafletをインストールしてもうまく動かなかった際の解決方法 | 株式会社アイ・プライド

概要 こちらもおおよそタイトル通りです。 React流の文法でLeaflet.jsを扱えるReact-Leafletというのがあるのですが、それを「yarn add react-leflet leaflet」などとしてインストールしても「動かない」(地図がちゃんと表示されない、マーカーが表示されない)といったトラブルが発生することがあります。 ググれば解決策は出てくるのですが、無駄にややこしくて忘れてしまうのでメモしておきます。 地図が表示されない問題の対策 import { Map, TileLayer } from 'react-leaflet'; return ( <Map center={[35.710063, 139.8107]} zoom={16}> <TileLayer attribution='&amp;copy <a href="http://osm.org/copyri

[gnbr_boy]

“ import Leaflet from 'leaflet';”