Zoom to all features
Fitting the map to the boundaries of all features in the layer by querying the service. More information about Feature Layers can be found in the L.esri.Layers.FeatureLayer documentation.
<html>
<head>
<meta charset=utf-8 />
<title>Zoom to all features</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<!-- Load Leaflet from CDN-->
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<!-- Load Esri Leaflet from CDN -->
<script src="http://cdn-geoweb.s3.amazonaws.com/esri-leaflet/1.0.0-rc.2/esri-leaflet.js"></script>
<style>
body {margin:0;padding:0;}
#map {position: absolute;top:0;bottom:0;right:0;left:0;}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([45.526, -122.667], 5);
L.esri.basemapLayer('Streets').addTo(map);
var trees = L.esri.featureLayer('http://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/Heritage_Trees_Portland/FeatureServer/0').addTo(map);
trees.query().bounds(function (error, latlngbounds) {
map.fitBounds(latlngbounds);
});
</script>
</body>
</html>Esri Leaflet is a project from the Esri PDX R&D Center and the Esri Community