5 <title>image example</title>
6 <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
7 <meta name="description" content="An example of image display">
8 <meta name="author" content="Ryan Westphal">
9 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/blitzer/jquery-ui.css" />
10 <link rel="stylesheet" type="text/css" href="css/style.css" />
11 <style type="text/css">
28 <a href="../" class="docLink">< docs</a>
29 <a href="http://jsfiddle.net/ryanttb/==JSFIDDLE==/embedded/" class="fiddleLink"><img src="img/jsfiddle.png" alt="" /> jsFiddle ></a>
33 <button id="cmdZoom" type="button">zoom in</button>
36 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
37 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
38 <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
41 // set $.geo.proj to null because images don't have a projection
45 var map = $("#map").geomap({
46 center: [ 5616/2, 3744/2 ],
52 src: function (view) {
53 return "http://localhost:36426/ObliqueViewer/tiles/RightImage/000230-101708154420-cam5/" + (10 - view.zoom) + "/" + view.tile.column + "/" + view.tile.row;
55 attr: "© Sanborn"
78 $("#cmdZoom").button().click(function() {
79 map.geomap("zoom", +1);
85 var _gaq = [['_setAccount', 'UA-26084853-1'], ['_trackPageview']];
87 var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
88 g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
89 s.parentNode.insertBefore(g, s);
90 } (document, 'script'));