javascript - 反应传单标记坏了

问题描述

我尝试使用 react-leaflet 在我的反应应用程序上显示地图，并且我做了基于文档的事情，但由于某种原因，我的标记坏了，这是我的代码

const foodIcon = new L.icon({
        iconUrl: require('../images/makanan.png'),
        iconSize: [35,45]
    })

    const position = [51.505, -0.09]


               <div id="map">
                      <div className="map-container">
                            <MapContainer style={{ width: '100%', height: '600px' }} center={position} zoom={13} scrollWheelZoom={false}>
                                <TileLayer
                                    attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
                                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                                />
                                <Marker position={position} icon={ foodIcon }>
                                <Popup>
                                    Hello
                                </Popup>
                                </Marker>
                            </MapContainer>
                       </div>

标签： javascriptreactjsleafletreact-leaflet

javascript - 反应传单标记坏了

问题描述

解决方案

推荐阅读