Changeset 9587 for src/django_gheat/wlheatmap/static/heatmap.js

Timestamp:

Aug 27, 2011, 4:14:19 PM (13 years ago)

Author:

rick

Message:

Example usage of adding the actual location of the Node as well.

File:

• src/django_gheat/wlheatmap/static/heatmap.js (modified) (2 diffs)

src/django_gheat/wlheatmap/static/heatmap.js

@@ -22 +22 @@
       new OpenLayers.Control.Permalink(),
       new OpenLayers.Control.PanZoomBar(),
+      new OpenLayers.Control.ZoomBox(),
       new OpenLayers.Control.OverviewMap({ 
-        maximized : true,
+        maximized : false,
         mapOptions: { theme: null, },
       }),
@@ -67 +68 @@
   layerHeatmap = new OpenLayers.Layer.OSM.Overlay1("Original Heatmap generator", {isBaseLayer: false, visibility: false});
   //map.addLayer(layerHeatmap);
-        
+
+  // create the layer styleMap by giving the default style a context
+  var colors = ["red", "green", "blue"];
+  var context = {
+      getSize: function(feature) {
+        var resolution = map.getResolution();
+        var scale = map.getZoom();
+        var base = 1;
+        if (scale > 16) {
+          base = 5;
+        } else if (scale > 14) {
+          base = 20;
+        } else {
+          base = 50;
+        }
+        return (base / map.getResolution());
+      }
+  };
+  var template = {
+      pointRadius: "${getSize}", // using context.getSize(feature)
+      fillColor: "lightgreen", // using context.getColor(feature)
+      strokeWidth: 0.5,
+  };
+  var style = new OpenLayers.Style(template, {context: context});
+  var geojson = new OpenLayers.Layer.GML("GeoJSON", "/static/nodes.json", {
+    projection: new OpenLayers.Projection("EPSG:4326"),
+    styleMap: new OpenLayers.StyleMap(style),
+    format: OpenLayers.Format.GeoJSON
+      });
+  map.addLayer(geojson);
+
+
   var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
   map.setCenter (lonLat, zoom);