Changeset 8843 for src/website_ontwerp/script/gmap.js

Timestamp:

Feb 21, 2011, 11:51:23 AM (14 years ago)

Author:

dennisw

Message:

website_ontwerp - gheat implementatie, stuk heatmap in USA (standaard testdata uit gheat)

File:

• src/website_ontwerp/script/gmap.js (modified) (1 diff)

src/website_ontwerp/script/gmap.js

@@ -1 +1 @@
   function initialize() {
-    var myLatlng = new google.maps.LatLng(52.164309,4.493694);
+    var myLatlng = new google.maps.LatLng(41.257989,-98.642582);
     var myOptions = {
-      zoom: 14,
+      zoom: 4,
       center: myLatlng,
       mapTypeId: google.maps.MapTypeId.ROADMAP
     }
     var map = new google.maps.Map(document.getElementById("heatmap"), myOptions);
-
+        map.overlayMapTypes.insertAt(0, heatmap);
+  }     
         
-  var bermudaTriangle;
-  var triangleCoords = [
-    new google.maps.LatLng(52.162197,4.490733),
-    new google.maps.LatLng(52.162092,4.497428),
-    new google.maps.LatLng(52.159723,4.493222),
-    new google.maps.LatLng(52.162197,4.490733)
-  ];
-
-  // Construct the polygon
-  // Note that we don't specify an array or arrays, but instead just
-  // a simple array of LatLngs in the paths property
-  bermudaTriangle = new google.maps.Polygon({
-    paths: triangleCoords,
-    strokeColor: "#FF0000",
-    strokeOpacity: 0.8,
-    strokeWeight: 2,
-    fillColor: "#FF0000",
-    fillOpacity: 0.35
-  });
-
-  bermudaTriangle.setMap(map);
-
-  }
+        var heatmap = new google.maps.ImageMapType({
+        getTileUrl: function(coord, zoom)
+        { 
+        return 'classic/' + zoom + '/' + coord.x + ',' + coord.y + '.png'; 
+        }, 
+        tileSize: new google.maps.Size(256, 256), 
+        isPng: true
+    });