Je ne peux pas esri-dépliant pour travailler avec ReactJS -> basemapLayer undefined

Question

Après l'installation de NPM esri-leaflet et leaflet paquets, je reçois l'erreur suivante

Ceci est mon composant Google Maps :

import React from 'react' 
import ReactDOM , {render} from 'react-don' 

import L from 'esri-leaflet' 
// import L from 'leaflet'  <-- won't work as well 


class Map extends React.Component{ 

    componentDidMount(){ 

     let element = this.refs.mapRef 

     // let map = L.map(element).setView([-41.2858, 174.78682], 14); 
     var map = L.map(this.refs.mapRef).setView([45.528, -122.680], 13) 

     L.esri.basemapLayer("Streets").addTo(map); 

     console.log("ESRI::",L.esri); 

     var parks = L.esri.featureLayer({ 
      url: "https://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/Portland_Parks/FeatureServer/0", 
      style: function() { 
      return { 
       color: "#70ca49", 
       weight: 2 
      }; 
      } 
     }).addTo(map); 
    } 


    render(){ 
     return(
      <div> 
       <h1>Maps page</h1> 
       <div id='map' ref="mapRef" style={{height: "380px"}}></div> 
      </div> 
     ) 
    } 

} 

export default Map 

Quel peut être le problème?

Answer 1

Installez la version 1.0.0-rc.1 du leaflet avec commande npm i leaflet@1.0.0-rc.1, esri-leaflet ne nécessite pas de spécifier une version il est juste npm i esri-leaflet .Ici sont votre exige pour le composant:

require('leaflet'); 
import esri from 'esri-leaflet'; 

puis utilisez les couches via esri et il devrait fonctionner:

esri.basemapLayer... 
esri.featureLayer...