मैं ड्रॉ आइकन को कस्टमाइज़ करना चाहता हूं जो प्रारंभ में मानचित्र पर प्रदर्शित होते हैं।

मैं बाहरी मानचित्र से प्रत्येक क्रिया को कैसे कॉल कर सकता हूं?

मैं redux का उपयोग करके ज़ूम नियंत्रण को कॉल करने और ज़ूम स्थिति बदलने का प्रबंधन करता हूं। क्या रेडक्स स्टेट का उपयोग करने और ड्रॉ एक्शन को खोलने या बंद करने का कोई वैध विकल्प है।

यह संपादन नियंत्रणों का वर्तमान कार्यान्वयन है

<Map
                 style={this.leafletMapService.getMapStyle()}
                 selectArea={true}
                 onAreaSelected={(event) => this.handleAreaSelection(event)}
                 boxZoom={false}
                 ref={map => {this.map = map}}
                 center={this.props.center}
                 zoom={this.props.zoom}
                 minZoom={this.props.minZoom}
                 maxZoom={this.props.maxZoom}
                 attributionControl={false}
                 doubleClickZoom={false}
                 zoomControl={false}
                 editable={true}
                 onZoomEnd={this.handleZoomEnd}
                 bounceAtZoomLimits={false}
                 crs={this.leafletMapService.getNonGeographicMapCRS()}
                 dragging={!!this.props.selectedSection}
                 scrollWheelZoom={false}>
                <FeatureGroup>
                    <EditControl position={'topright'}
                                 onCreated={(event) => this.onCreatedHandler(event)}
                                 onEdited={(event) => this.onEditedHandler(event)}
                                 onDeleted={(event) => this.onDeletedHandler(event)}
                    />
                    {this.props.children}
                </FeatureGroup>
            </Map>
0
Stevan Tosic 4 अक्टूबर 2018, 13:34

1 उत्तर

सबसे बढ़िया उत्तर

अगर आप ऐसा नहीं कर सकते हैं, तो आपको इस मुद्दे को देखना चाहिए https://github.com /alex3165/react-leaflet-draw/issues/1

  _onDraw = () => {
        // this code is enable drawing polygon.
        this.drawControl._toolbars.draw._modes.polygon.handler.enable();
   }

   _onMounted = (drawControl) => {
        this.drawControl = drawControl;
    }
      <FeatureGroup >
         <EditControl
            onMounted={this._onMounted}
    ........ > .....</EditControl>
0
Burhan Yılmaz 15 नवम्बर 2018, 12:35