我正在尝试使用由Uber团队为Mapbox GL编写的React友好包装器,与之一起工作。
我想知道是否有人已经成功地使用他们的API从geojson源渲染多边形要素。它声明在
我想知道是否有人已经成功地使用他们的API从geojson源渲染多边形要素。它声明在
<Layer/>
组件上有一个可用的sourceOptions属性:
遵循geoJsonSource的Mapbox API,我正在尝试以下内容,并想知道我还需要做什么才能使其呈现:sourceOptions: 当调用GeoJSONSource方法时合并到对象中的选项对象
import React, { Component } from 'react';
import ReactMapboxGl, { Layer, Feature } from "../node_modules/react-mapbox-gl/dist";
import logo from './logo.svg';
import './App.css';
let containerStyle = {
height: "100vh",
width: "100vw"
};
const accessToken = _removed for safety_
class App extends Component {
_polygonClicked = ({ feature }) => {
console.log("Polygon clicked", feature.geometry.coordinates);
};
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<ReactMapboxGl
style={"mapbox://styles/mapbox/streets-v8"}
center={[11.956511272000057,10.095463399000039]}
zoom={[11]}
accessToken={accessToken}
containerStyle={containerStyle}>
<Layer
type="fill"
paint={{ "fill-color": "#3bb2d0", "fill-opacity": .5 }}
id="testing"
sourceOptions={'religious',{
"type": 'geojson',
"data":'../small_poly/bridges.geojson'
}}
sourceId={'religious'}>
</Layer>
</ReactMapboxGl>
</div>
);
}
}
export default App;