Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多段线未在地图上渲染_Javascript_Reactjs_Google Maps Api 3_React Google Maps - Fatal编程技术网

Javascript 多段线未在地图上渲染

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

我正在为许多类型的几何体点、线串、多段线等制作一个地理数据可视化器,根据类型动态生成

基本上数据是这样的,普通的geojson等等

"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的示例:

请你也检查一下我的问题好吗?它和这个很相似,但我绕不过去,我很感激能得到的任何帮助。