प्रतिक्रिया-पुस्तिका

Question

के साथ सीमाएं कैसे प्राप्त करें मैं वर्तमान मानचित्र की सीमाएं प्राप्त करना चाहता हूं ताकि मैं ओवरपास एपीआई के साथ उन सीमाओं को खोज सकूं।

पुस्तिका के लिए मुझे पता है कि विधि सिर्फ नक्शा है .getBounds(), लेकिन मुझे नहीं पता कि प्रतिक्रिया-पत्रक में इसे कैसे कार्यान्वित किया जाए।

class SimpleExample extends React.Component { 
    constructor() { 
    super(); 
    this.state = { 
     lat: 51.505, 
     lng: -0.09, 
     zoom: 13, 
    }; 
    } 

    componentDidMount() { 
    console.log(this.refs.map.getBounds()) 
    } 

    render() { 
    const position = [this.state.lat, this.state.lng]; 
    return (
     <Map center={position} zoom={this.state.zoom} ref='map'> 
     <TileLayer 
      attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
      url='http://{s}.tile.osm.org/{z}/{x}/{y}.png' 
     /> 
     </Map> 
    ); 
    } 
} 

यह मैंने कोशिश की है। त्रुटि कहती है कि this.refs.map.getBounds कोई फ़ंक्शन नहीं है।

Answer 1

this.refs.map.leafletElement.getBounds आज़माएं।

documentation के अनुसार:

आप सीधे एक घटक इस घटक में this.leafletElement उपयोग करके बनाया पत्रक तत्व पहुँच सकते हैं। यह पुस्तिका तत्व आमतौर पर घटक WillMount() में बनाया गया है, मानचित्र घटक को छोड़कर जहां इसे केवल प्रस्तुत करने के बाद ही बनाया जा सकता है।

जो कहने के तरीके के बारे में एक दौर है कि वे अपने घटक वस्तुओं पर leafletElement संपत्ति के रूप में लिफ़ालेट ऑब्जेक्ट को स्टोर करते हैं।