Closed3
React LeafletでMapboxのタイル使いたい
import L from 'leaflet'
import "mapbox-gl-leaflet"
...
componentDidMount() {
this.map = L.map('map', mapParams)
// Mapboxレイヤーを追加
L.mapboxGL({
accessToken: "トークン",
// 好きなスタイルで
style: 'mapbox://styles/mapbox/dark-v10'
}).addTo(this.map)
}
yarn add react-leaflet mapbox-gl-leaflet
import "mapbox-gl-leaflet"
ここが重要, これimportすることで、 L
にMapbox用の関数が追加されるような挙動になる
(しないと、 TypeError: leaflet__WEBPACK_IMPORTED_MODULE_3___default.a.mapboxGL is not a function
ってエラーでる)
このスクラップは2021/10/22にクローズされました