javascript – 反应中的Mapbox(ReferenceError：L未定义)

2023年2月4日 280次阅读

我试图让mapbox在一个小项目中工作.

https://www.npmjs.com/package/react-mapboxmap

import React from 'react';
import MapboxMap from 'react-mapbox';

class Operator extends React.Component {
  render() {
    return (
      <div className='container'>
            <MapboxMap
                    mapId="mapbox.comic"
                zoomControl={false}
                center={[59.907433, 30.299848]} zoom={17}
                />


  </div>
 );
}
}

export default Operator;

就像他们在npm包的描述页面上说的一样.但是,我得到的只是这个错误消息：

ReferenceError: L is not defined

有任何想法吗？

最佳答案 尝试添加

< script src =“http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js”>< / script>

从github page

注意：这从来就不是一个完整的功能库,只是Mapbox JS SDK之上的一个层.要获得更好,更完整的解决方案,请尝试使用react-leaflet(在我们的示例中与Mapbox Maps API结合使用).

点赞