Working with extents
In a WebGIS application, it is especially feasible to have controls to zoom into various extents. Users are used to the luxury of zooming in to a layer or a feature to the maximum extent with a single click. In this example, called ch06_extent, we will implement such zooming capabilities. We will create a tool to zoom into the validity extent of the current projection, one for zooming into the selected layer, and the other to zoom into the selected feature. First, let's make some CSS rules for our new tools:
.toolbar .ol-zoom-extent button { background-image: url(../../res/button_zoom_extent.png); } .toolbar .ol-zoom-layer button { background-image: url(../../res/button_zoom_layer.png); } .toolbar .ol-zoom-selected button { ...Get Mastering OpenLayers 3 now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
