title: MapBox - Cluster Zooming
body: <p>Is it possible to recreate the click to zoom on clustering like <a href="https://sfbay.craigslist.org/d/apts-housing-for-rent/search/apa" rel="nofollow noreferrer">Craigslist Mapview</a> does with MapBox? When you click, it zooms to the area those location dots are contained in.</p>
  
  <p>Here's my clustering code:</p>
  
  <pre><code>map.on('load', function() {
  map.addSource("location", {
      type: "geojson",
      data: "https://s3-us-west-2.amazonaws.com/s.cdpn.io/73873/test.geojson",
      cluster: true,
      clusterMaxZoom: 14,
      clusterRadius: 100
  });
  
      map.addLayer({
      id: "clusters",
      type: "circle",
      source: "location",
      filter: ["has", "point_count"],
      paint: {
          "circle-color": {
              property: "point_count",
              type: "interval",
              stops: [
                  [0, "#71AAC6"],
                  [100, "#71AAC6"],
                  [750, "#71AAC6"],
              ]
          },
          "circle-radius": {
              property: "point_count",
              type: "interval",
              stops: [
                  [0, 20],
                  [100, 30],
                  [750, 40]
              ]
          }
      }
  });
  </code></pre>
  
  <p>Here's my demo</p>
  
  <p><a href="https://codepen.io/anon/pen/PEazjo?editors=0010" rel="nofollow noreferrer">Codepen Demo</a></p>