Changeset 8982 for src/olheatmap

Timestamp:

Mar 21, 2011, 1:48:32 PM (14 years ago)

Author:

dennisw

Message:

olheatmap - aangepast, herhaling met drawMarkers opgelost

Location:

src/olheatmap

Files:

• index.html (modified) (1 diff)
• js/Concurrent.Thread-full-20090713.js (added)
• js/test_1.php (modified) (6 diffs)

src/olheatmap/index.html

@@ -8 +8 @@
 <script src="js/OpenStreetMap.js"></script>
 <script src="js/test_1.php"></script>
+<script src="js/Concurrent.Thread-full-20090713.js"></script>
 </head>
 

src/olheatmap/js/test_1.php

@@ -28 +28 @@
 function connectdb()
 {
- mysql_connect("location", "username", "password")
+ mysql_connect("localhost:3306", "root", "dsql")
   or die("Error connecting to mysql: " . mysql_error());
- mysql_select_db('database')
+ mysql_select_db('project_heatmap')
   or die("Error connecting to database: " . mysql_error());
 }
 connectdb();
-$table = 'table';
+$table = 'test_3';
 ?>
 
@@ -81 +81 @@
         var points = new Array();
         var lonLat, vectorStyle, point, pointVector, color, size;
+        
+        layerVectors.destroyFeatures();
 
                 <?php
-                $result=mysql_query("SELECT longitude, latitude FROM ".$table." LIMIT 100");
+                $result=mysql_query("SELECT longitude, latitude FROM ".$table." ");
                 while($row=mysql_fetch_array($result))
                 { 
                 echo "lonLat = new OpenLayers.LonLat(".$row['longitude'].", ".$row['latitude'].").transform(map.displayProjection,map.getProjectionObject());";
-                echo "color = 'red';
-                size = '100';
+                echo "color = 'green';
+                size = '25';
                 size = scaleRadius(size);
                 vectorStyle = getVectorStyle(size, color);
@@ -140 +142 @@
                         onChangeParams(true);
                 }
+                Concurrent.Thread.create(function() {
+                        Concurrent.Thread.sleep(50);
+                        layerVectors.renderer.redraw();
+                })
         }
 }
@@ -150 +156 @@
 }
 
+function clearMarkers() {
+        markers = new Array();
+        vectorialMarkers = new Array();
+        layerVectors.destroyFeatures();
+}
+
+
 
 function init() {  
-        map = new OpenLayers.Map("map", {
+        map = new OpenLayers.Map("heatmap", {
                 eventListeners: {
                         "moveend": mapMoveEndEvent
@@ -159 +172 @@
                         new OpenLayers.Control.Navigation(),
                         new OpenLayers.Control.PanZoomBar(),
-                        new OpenLayers.Control.ScaleLine(),
-                        new OpenLayers.Control.LayerSwitcher()
+                        new OpenLayers.Control.ScaleLine()
                 ],
                 maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
@@ -176 +188 @@
         map.addLayer(layerVectors);
 
-        layerVectors2 = new OpenLayers.Layer.Vector("Features2", {renderers: ["Canvas"]});
-        map.addLayer(layerVectors2);
-
-
         var lon   = 4.4585017;
         var lat   = 52.1406583;