3 <html lang="en" class="no-js">
7 <title>bboxMax | geomap</title>
8 <meta name="description" content="geomap bboxMax property">
9 <meta name="author" content="Ryan Westphal">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0">
13 <link rel="stylesheet" href="../css/style.css?v=2">
14 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
19 <div id="bboxMax" data-role="page">
20 <div data-role="header" data-theme="f">
24 <div data-role="content">
28 <td>Array ( <a href="http://geojson.org/geojson-spec.html#bounding-boxes" rel="external">GeoJSON bounding box</a> )</td>
32 <td>[ -180, -85, 180, 85 ]</td>
36 <td><code><pre>$( <i>selector</i> ).geomap( { bboxMax: [ -71, 40, -69, 44 ] } );</pre></code></td>
40 <td><code><pre>var bboxMax = $( <i>selector</i> ).geomap( "option", "bboxMax" );</pre></code></td>
44 <td><code><pre>$( <i>selector</i> ).geomap( "option", "bboxMax", [ -75.696, 38.804, -73.696, 41.287 ] );</pre></code></td>
47 <p>The bboxMax property calculates or modifies a bounding box that surrounds all of the data you wish to show in the map. Users can pan the map once they reach bboxMax but cannot zoom out further.</p>
48 <p>This property is a JavaScript array consisting of four values which can be thought of as: minx, miny, maxx and maxy of the maximum map view you wish to allow in map units and in that order.</p>
49 <p>Setting a new bboxMax will not refresh the map services.</p>
50 <p>A bboxMax property must be set properly for shinged (dynamic) services if you wish to use the zoom property since the value of the map's zoom is based on a ratio between the current bbox and bboxMax. If you have a fully dynamic map by setting tilingScheme to null, you should explicitly set bboxMax.</p>
52 </div> <!-- end of #container -->
54 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
55 <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
56 <script src="../js/script.js"></script>
57 <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>