Esri Leaflet

Load each and every feature initially

Sometimes it is desirable to load a "snapshot" of a Feature Layer instead of loading it progressively as you pan around the map. The approach is useful for smaller services.

  <meta charset=utf-8 />
  <title>Load each and every feature initially</title>
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

  <!-- Load Leaflet from CDN-->
  <link rel="stylesheet" href="" />
  <script src=""></script>

  <!-- Load Esri Leaflet from CDN -->
  <script src=""></script>

    body { margin:0; padding:0; }
    #map { position: absolute; top:0; bottom:0; right:0; left:0; }

<div id="map"></div>

  var map ="map").setView([45.5252, -122.6284], 11);


  var neighborhoodsUrl = "";
  var bikeParkingUrl = "";

  // query a feature service for a neighborhood
    url: neighborhoodsUrl
  }).where("NAME='HOLLYWOOD'").run(function(error, neighborhoods){
    // draw neighborhood on the map
    var hollywood = L.geoJSON(neighborhoods).addTo(map);

    // fit map to boundry

    // query all bike parking where BPSTYLE='STAPLE' inside our boundary
      url: bikeParkingUrl
    }).where("BPSTYLE='STAPLE'").within(hollywood).run(function(error, bikeParking){