---
template: "example.html"
title: "Limited Layer Extent"
shortdesc: "Restricting layer rendering to a limited extent."
docs: >
  This example uses the <code>layer.setExtent()</code> method to
  modify the extent of the overlay layer.  Use the controls below
  to limit rendering based on an extent.
tags: "extent, tilejson"
---
<div class="row-fluid">
  <div class="span12">
    <div id="map" class="map"></div>
  </div>
</div>
<div class="btn-group">
  <button type="button" class="btn btn-default" id="northwest">northwest</button>
  <button type="button" class="btn btn-default" id="northeast">northeast</button>
  <button type="button" class="btn btn-default" id="southeast">southeast</button>
  <button type="button" class="btn btn-default" id="southwest">southwest</button>
  <button type="button" class="btn btn-default" id="world">world</button>
</div>