Javascript 多段线未在地图上渲染
我正在为许多类型的几何体点、线串、多段线等制作一个地理数据可视化器,根据类型动态生成 基本上数据是这样的,普通的geojson等等Javascript 多段线未在地图上渲染,javascript,reactjs,google-maps-api-3,react-google-maps,Javascript,Reactjs,Google Maps Api 3,React Google Maps,我正在为许多类型的几何体点、线串、多段线等制作一个地理数据可视化器,根据类型动态生成 基本上数据是这样的,普通的geojson等等 "geometry": { "type": "Point", "coordinates": [ 144.25178598, -36.73540441 ] }, "geometry": { "type": "LineString", "coordinates": [[ 144.2517859
"geometry": {
"type": "Point",
"coordinates": [
144.25178598,
-36.73540441
]
},
"geometry": {
"type": "LineString",
"coordinates": [[
144.25178598,
-36.73540441
], [
144.25178598,
-36.73540441
]]
}
当构建圆时,它可以完美地渲染,但当它切换到多段线时,它永远不会显示
render() {
return (
<Polyline
path={[
{ lat: -36.73540441, lng: 144.25178598 },
{ lat: -36.73590441, lng: 144.25178198 }
]}
//tried both these to no avail
// path={this.getPositions(mkr.geometry.coordinates)}
defaultPath={this.getPositions(mkr.geometry.coordinates)}
key={mkr.id}
label={"Test"}
clickable
options={{
strokeColor: '#ff2343',
strokeOpacity: '0.0',
strokeWeight: 2
}}
visible
/>
);
}
render(){
返回(
);
}
在中硬编码
路径
并从数据源派生路径时。我计划对多边形、多面多边形等进行此操作。我已经复制了您的代码,并且它在我这一方有效。由于“strokeOpacity”设置为零且变为完全透明,因此无法看到绘制的任何多段线
strokeOpacity: '0.0',
将其设置为大于零的值。比如:
strokeOpacity: '0.5',
以下是stackblitz的示例:请你也检查一下我的问题好吗?它和这个很相似,但我绕不过去,我很感激能得到的任何帮助。