diff options
Diffstat (limited to 'libs/js/jquery-geo-1.0a4/docs/examples/shingled.html')
| -rwxr-xr-x | libs/js/jquery-geo-1.0a4/docs/examples/shingled.html | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/libs/js/jquery-geo-1.0a4/docs/examples/shingled.html b/libs/js/jquery-geo-1.0a4/docs/examples/shingled.html deleted file mode 100755 index 1e95366e..00000000 --- a/libs/js/jquery-geo-1.0a4/docs/examples/shingled.html +++ /dev/null @@ -1,141 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>shingled example</title> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> - <meta name="description" content="An example of shingled services"> - <meta name="author" content="Ryan Westphal"> - <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/blitzer/jquery-ui.css" /> - <link rel="stylesheet" type="text/css" href="css/style.css" /> - <style type="text/css"> - #map - { - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - } - </style> -</head> -<body> - <div> - <div id="map"> - </div> - <div class="info"> - <div class="links"> - <a href="../" class="docLink">< docs</a> - <a href="http://jsfiddle.net/ryanttb/WmqDx/embedded/" class="fiddleLink not-mobile"><img src="img/jsfiddle.png" alt="" /> jsFiddle ></a> - </div> - <h1> - shingled</h1> - <p class="not-mobile">This page tests geomap with shingled services, i.e., fully dynamic services that to not use a tilingScheme. Dynamic services can be set to any scale.</p> - <p class="not-mobile">If all shingled services are in the same projection, they can be layered and turned on and off at any time by updating and re-setting the services option of the geomap widget or by using the toggle convenience method.</p> - <p class="not-mobile">The toggle method is preferred because it is faster and you can use it on specific services, e.g., $("#massgis_interiorforest").geomap("toggle").</p> - <p class="not-mobile">These services are hosted by MassGIS.</p> - <div id="layers"> - <input type="checkbox" id="interiorforest" name="layer" value="interiorforest" /><label for="interiorforest">Interior Forest</label> - <input type="checkbox" id="hydrography" name="layer" value="hydrography" /><label for="hydrography">Hydrography</label> - </div> - - </div> - </div> - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> - <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> - <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script> - <script> - $(function () { - // Set proj to null because we are working a different projection & - // entirely in map units - // - // Note: this is still valid in a4 - // Though not required because we're working entirely in map units, - // i.e., jQuery Geo will not need to project anything, - // it makes sense because we are not working in the default projection of web mercator - - $.geo.proj = null; - - // some strings used in all services - // base URL for image request - var massGisHost = "http://giswebservices.massgis.state.ma.us/geoserver/wms"; - // view template used to get the map image - // notice that we can put the view arguments right into the template - var imageTemplate = "&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&FORMAT=image%2Fpng&SRS=EPSG%3A26986&BBOX={{=bbox}}&WIDTH={{=width}}&HEIGHT={{=height}}"; - - // create a map with three services from MassGIS - // the service types are "shingled" - // they must all be in the same coordinate system to work together - // to keep jQuery Geo's API simple, it will only work in one coordinate system at a time and will not reproject images on the fly - - var map = $("#map").geomap({ - services: [ - // this is a basemap and will always be shown - // it's the only one we need to put the attr on - // since all services come from the same source - { - id: "massgis_basemap", - type: "shingled", - src: massGisHost + "?LAYERS=massgis_basemap" + imageTemplate, - attr: "© 2011 Commonwealth of Massachusetts" - }, - - // this is a forest layer - // it has style.visibility set to "hidden" - { - id: "massgis_interiorforest", - type: "shingled", - src: massGisHost + "?LAYERS=massgis%3AGISDATA.INTERIORFOREST_POLY&STYLES=GISDATA.INTERIORFOREST_POLY%3A%3ADefault&TRANSPARENT=true" + imageTemplate, - style: { - visibility: "hidden" - } - }, - - // this is a water layer - // it has style.visibility set to "hidden" - { - id: "massgis_hydrography", - type: "shingled", - src: massGisHost + "?LAYERS=massgis%3AGISDATA.MAJPOND_POLY,massgis%3AGISDATA.MAJSTRM_ARC&TRANSPARENT=true" + imageTemplate, - style: { - visibility: "hidden" - } - } - ], - - // you must set bboxMax for shingled services for the zoom property to mean anything - bboxMax: [31789.1658, 790194.4183, 337250.8970, 961865.1338], - // shingled services do not have a tilingScheme - tilingScheme: null, - - center: [ 184670.21967, 890771.290247 ], - zoom: 11 - }); - - // jQuery UI for pretty buttons - $("#layers").buttonset(); - - $("#layers input").click(function() { - // when a service object has the id property set, - // we can perform some geomap operations directly on the service - - // in this case, the id of each extra layer is the same as the id for the checkbox but has a "massgis_" prefix - - // we can toggle the layer based on the prefix and input id - $("#massgis_" + this.id).geomap("toggle", $(this).prop("checked")); - }); - - }); - </script> - - <script> - var _gaq = [['_setAccount', 'UA-26084853-1'], ['_trackPageview']]; - (function (d, t) { - var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1; - g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'; - s.parentNode.insertBefore(g, s); - } (document, 'script')); - </script> -</body> -</html> - |