2.0_beta sync to rsa
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-geo-1.0a4 / docs / examples / services.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <title>services example</title>
5   <meta charset="utf-8">
6   <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
7   <meta name="description" content="An example of the services property">
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">
12     #map
13     {
14       position: fixed;
15       left: 0;
16       top: 0;
17       right: 0;
18       bottom: 0;
19     }
20   </style>
21 </head>
22 <body>
23   <div>
24     <div id="map">
25     </div>
26     <div class="info">
27       <div class="links">
28         <a href="../" class="docLink">&lt; docs</a>
29         <a href="http://jsfiddle.net/ryanttb/==JSFIDDLE==/embedded/" class="fiddleLink"><img src="img/jsfiddle.png" alt="" /> jsFiddle &gt;</a>
30       </div>
31       <h1>services</h1>
32       <p>This example tests setting the service object array, i.e., the geomap services option, in different ways.</p>
33     </div>
34   </div>
35   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
36   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
37   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
38   <script>
39     $(function () {
40       // create a map
41       var map = $("#map").geomap({
42         center: [-71.0595678, 42.3604823],
43         zoom: 8
44       });
45     });  
46   </script>
47
48   <script>
49     var _gaq = [['_setAccount', 'UA-26084853-1'], ['_trackPageview']];
50     (function (d, t) {
51       var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
52       g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
53       s.parentNode.insertBefore(g, s);
54     } (document, 'script'));
55   </script>
56 </body>
57 </html>