map.js

...

render() {
    const {
      pageWidth,
      pageHeight,
      zoom,
      latitude,
      longitude,
      updateMap,
      updateProjections,
      cityGeoJson,
      inFly
    } = this.props
    const mapProps = {
      ...MAP_OPTIONS,
      width: pageWidth,
      height: pageHeight,
      zoom,
      latitude,
      longitude,
      onViewportChange: updateMap
    }
    return (
      <ReactMapGL {...mapProps} ref="reactMap">
        {cityGeoJson && !inFly &&
          <SVGOverlay
            redraw={this.redraw}
            updateProjections={updateProjections}
          />
        }
      </ReactMapGL>
    )
  }

...

redraw = ({ project, unproject }) => {
    ...
    return (
      <g>
        {
          rects.map(({ points }, index) => (
            <Rectangle key={'rectangle' + index} points={points}/>
          ))
        }
        {
          cells.map(({ points }, index) => (
            <Cell key={'cell' + index} points={points} />
          ))
        }
        {
          specialCell && <SpecialCell key={'specialCell'} points={specialCell.points}/>
        }
        {
          places.map(({ x, y }, index) => (
            <Place key={'place' + index} x={x} y={y} />
          ))
        }
        {
          contoursPoints.map((points, index) => (
            <Contour
              key={'contour' + index}
              points={points}
            />
          ))
        }
      </g>
    )
  }