ocdata/stopMashupCoverage.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4           xmlns:v="urn:schemas-microsoft-com:vml">
   5   <head>
   6     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
   7     <title>Stop Mashup Coverage</title>
   8     <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=local"
   9             type="text/javascript"></script>
  10     <script type="text/javascript">
  11     //<![CDATA[
  12
  13     function load() {
  14         if (GBrowserIsCompatible()) {
  15             map = new GMap2(document.getElementById("map"));
  16             map.addControl(new GLargeMapControl());
  17             map.addControl(new GMapTypeControl());
  18
  19             new GKeyboardHandler(map);
  20
  21             map.setCenter(new GLatLng(45.43219, -75.691681), 11);
  22             doUpdate();
  23         }
  24     }
  25
  26     polygons = Array();
  27
  28     function doUpdate() {
  29         GDownloadUrl("out/allsearched.xml", function(data, responseCode) {
  30             var xml = GXml.parse(data);
  31             var addrs
  32                 = xml.documentElement.getElementsByTagName("address");
  33
  34             map.clearOverlays();
  35             polygons = Array();
  36
  37             map.addOverlay(new GPolygon([
  38                 new GLatLng(45.519278, -75.941191),     // northwest
  39                 new GLatLng(45.519278, -75.378571),     // northeast
  40                 new GLatLng(45.224854, -75.378571),     // southeast
  41                 new GLatLng(45.224854, -75.941191),     // southwest
  42                 new GLatLng(45.519278, -75.941191)],
  43                 "#000000", 4));
  44
  45             var countValid = 0;
  46             for (var i = 0; i < addrs.length; i++) {
  47                 var strlat = addrs[i].getAttribute("latitude");
  48                 var strlng = addrs[i].getAttribute("longitude");
  49                 if (!strlat || !strlng) {
  50                     continue;
  51                 }
  52                 ++countValid;
  53
  54                 var lat = parseFloat(strlat);
  55                 var lng = parseFloat(strlng);
  56                 map.addOverlay(new GMarker(new GLatLng(lat, lng)));
  57
  58                 var radius = 0.019/2.0;         // but it's a rectangle!
  59                 polygons.push(new GPolygon([
  60                     new GLatLng(lat + radius, lng - radius),    // NW
  61                     new GLatLng(lat + radius, lng + radius),    // NE
  62                     new GLatLng(lat - radius, lng + radius),    // SE
  63                     new GLatLng(lat - radius, lng - radius),    // SW
  64                     new GLatLng(lat + radius, lng - radius)],   // NW
  65                     "#888888", 1, 0.8, "#9999cc", 0.25));
  66             }
  67             document.getElementById("numsearches").innerHTML = countValid;
  68         });
  69     }
  70
  71     function doPolygons() {
  72         for (var i in polygons) {
  73             map.addOverlay(polygons[i]);
  74         }
  75     }
  76
  77     //]]>
  78     </script>
  79   </head>
  80   <body onload="load()" onunload="GUnload()">
  81     <div id="map" style="width: 800px; height: 600px"></div>
  82     <div id="debug"></div>
  83     <div id="control">
  84         <input type="button" value="reload" onclick="doUpdate()"/>
  85         <input type="button" value="coverage" onclick="doPolygons()"/><br/>
  86         Search count: <span id="numsearches"/>
  87     </div>
  88   </body>
  89 </html>