Question

我正在尝试为react-map-gl-draw-polygon编写自己的react-map-gl模块。搜索过高和过低，无法找到连贯的方式来绘制搜索区域。而且我比CSS / UI / UX更具有“反应性”，因此很快就会卡住。无论如何，我们走了。

我使用的结构是：

map.js
  - <ReactmapGL>
     - <Geocoder />
     - <**Draw Polygon Here** />
     - <RendeMarkers />
  - </ReactmapGL>

例如，

Geocoder也以this.mapRef作为道具+自己的React.createRef() / DOM ref作为道具-然后具有单击处理程序来移动地图/根据状态更改状态您搜索的区域（芝加哥，伦敦等）上。

如果我对多边形采用相同的方法，则<DrawPolygon />如下所示：

                        <DrawPolygon
                            ref={this.mapRef}
                            isDrawing={this.state.isDrawing}
                            onComplete={this.handleCompletePolygon}
                            mapboxApiAccessToken={REACT_APP_MAPBOX_KEY}
                            />

                        <Geocoder
                            mapRef={this.mapRef}
                            containerRef={this.geocoderContainerRef}
                            onResult={this.handleOnResult}
                            onViewportChange={this.handleGeocoderViewportChange}
                            mapboxApiAccessToken={REACT_APP_MAPBOX_KEY}
                        />

所有这些对我来说都不错-但是后来我陷入了将光标更改为铅笔的困境。

流量：用户单击btn =>将状态更改为isDrawing: true =>，然后根据isDrawing是否为true =>找到某种以编程方式更改.mapboxgl-canvas-container {...或其光标样式的方式。

所以坚持：

如何以编程方式将光标更改为铅笔？
您如何将CSS绘制的线分层放置在react-map-gl上？

请帮助！

您如何以编程方式更改'react-map-gl样式属性？

0 个答案: