libs/js/jquery-geo-1.0a4/docs/examples/emptyservice.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>geomap empty service test</title>
   6   <meta name="description" content="Small test of jQuery Geo's shape functions">
   7   <meta name="author" content="Ryan Westphal">
   8   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   9   <link rel="stylesheet" type="text/css" href="css/style.css" />
  10 </head>
  11 <body>
  12   <div>
  13     <a href="../" class="docLink">&lt; docs</a>
  14     <h1>geomap empty service test</h1>
  15     <p>This page is similar to the regular empty example but tests removing all shapes from a specific service instead of the map itself.</p>
  16     <button type="button">Empty</button>
  17     <div class="geomap" style="width: 640px; height: 480px;">
  18     </div>
  19   </div>
  20   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  21   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  22   <script>
  23     $(function () {
  24       var geomap = $(".geomap").geomap({
  25             center: [-71.05, 42.35],
  26             zoom: 13,
  27             click: function (e, geo) {
  28               geomap.find( ".osm" ).geomap("append", geo);
  29             }
  30           }),
  31           service = geomap.find( ".osm" );
  32
  33       $("button").click(function () {
  34         service.geomap("empty");
  35       });
  36     });
  37   </script>
  38 </body>
  39 </html>