Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
​
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
  <title>Esri Leaflet: FeatureLayer + Geocoding + Query + Vector Tile BaseMap</title>
​
  <!-- Load Leaflet from CDN -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="" />
  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
  <!-- Load Esri Leaflet from CDN -->
  <script src="https://unpkg.com/esri-leaflet@3.0.13/dist/esri-leaflet.js"></script>
​
  <style>
    body {
      margin: 0;
      padding: 0;
    }
​
    #map {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #323232;
    }
  </style>
</head>
​
<body>
  <div id="map"></div>
​
  <script>
    const map = L.map("map", {
      minZoom: 2
    }).setView([41.599998, -72.699997], 9);
    L.esri.basemapLayer("Streets").addTo(map);
    const simsSites = L.esri.featureLayer({
      url: "https://dev-gis.deep.ct.gov/server/rest/services/Salesforce-Salesforce/SIMS_AllSites/MapServer/0",
      maxZoom: 23,
      minZoom: 13
    }).addTo(map)
  </script>
</body>
​
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
gr-mapspro
0viewers