[英]react-mapbox-gl event polygon click
我正在尝试使用https://github.com/alex3165/react-mapbox-gl编写的此React友好包装器。
我对如何将事件添加到使用react-mapbox-gl从geojson生成的多边形的事件侦听器有麻烦。 这是我的代码:
import React from 'react'
import ReactDOM from 'react-dom'
import ReactMapboxGl, { GeoJSONLayer, Layer, Feature } from "react-mapbox-gl"
const position = [106.822700,-6.174500]
class MapView extends React.Component {
constructor(props) {
super(props);
this.state = {
geojson: {}
};
}
_onClick = () => {
console.log('polygon click')
}
componentDidMount() {
let url = './json/poly.json'
fetch(url)
.then( (response) => {
return response.json()
})
.then( (json) => {
this.setState({
geojson: json
})
})
.catch( (err) => {
//error
})
}
render() {
<div>
<ReactMapboxGl
style="mapbox://styles/mapbox/streets-v8"
accessToken="YOUR-ACCESS-TOKEN"
center={position}
containerStyle={{ height: "100vh", width: "100%" }}>
<GeoJSONLayer
data={this.state.geojson}
fillPaint={{
"fill-color": "#ff0000"
}}/>
</ReactMapboxGl>
</div>
}
}
ReactDOM.render(
<MapView />,
document.getElementById("root")
)
react-mapbox-gl ^ 2.3现在包含针对GeoJson组件不同形状的鼠标事件处理程序,请查看文档https://github.com/alex3165/react-mapbox-gl/blob/master/docs/API .MD#geojsonlayer
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.