我正在使用反应传单,并且可以让市场出现。这只是不起作用。
我只是复制了示例代码。可能与其他包有冲突吗?或者我是否需要特定版本的传单,做出反应并做出反应才能使其发挥作用?
鼠标悬停在地图上时,我的光标不会改变。
我确保我拥有正确的css,以便正确地渲染地图和标记。
任何帮助都会非常感激,我对此很新,所以这可能是一个愚蠢的错误。
import React from 'react';
import ReactDOM from 'react-dom';
import { Map, TileLayer, Marker, Popup } from 'react-leaflet';
class SimpleExample extends React.Component {
constructor() {
super();
this.state = {
lat: 51.505,
lng: -0.09,
zoom: 13,
};
}
render() {
const position = [this.state.lat, this.state.lng]
return (
<Map center={position} zoom={this.state.zoom}>
<TileLayer
attribution='© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'
/>
<Marker position={position}>
<Popup>
<span>A CSS3 popup. <br /> Easily customizable.</span>
</Popup>
</Marker>
</Map>
);
}
}
ReactDOM.render(<SimpleExample />, document.getElementById('root'));
答案 0 :(得分:2)
检查索引文件,查看传单的css文件/ js文件是否为0.7.7或1.0版本。如果它是1.0,请将其替换为:
https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css
https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js