Heatmap.js傳單熱圖

我試着去實現一個熱圖通過Leafletplugin //www.patrick-wied.at/static/heatmapjs/plugin-leaflet-layer.html單張，Heatmap.js傳單熱圖

，但由於某種原因，接縫無視我的「價值」，讓所有的數據點具有相同的顏色

window.onload = function() { 


     var baseLayer = L.tileLayer(
      'http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png',{ 
      attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>', 
      maxZoom: 20 
      } 
     ); 

     var cfg = { 
      // radius should be small ONLY if scaleRadius is true (or small radius is intended) 
      "radius": 0.00007, 
      minOpacity: 0.5, 
      maxOpacity: 1, 

      // scales the radius based on map zoom 
      "scaleRadius": true, 
      // if set to false the heatmap uses the global maximum for colorization 
      // if activated: uses the data maximum within the current map boundaries 
      // (there will always be a red spot with useLocalExtremas true) 
      "useLocalExtrema": false, 
      // which field name in your data represents the latitude - default "lat" 
      latField: 'lat', 
      // which field name in your data represents the longitude - default "lng" 
      lngField: 'lng', 
      // which field name in your data represents the data value - default "value" 
      value: 'sig', 
      blur:0, 

      gradient: { 
       // enter n keys between 0 and 1 here 
       // for gradient color customization 
       '1': 'red', 
       '.3': 'yellow', 
       '0.9': 'green' 
       }, 

     }; 


     var heatmapLayer = new HeatmapOverlay(cfg); 

     var map = new L.Map('map-canvas', { 
      center: new L.LatLng(52.400458, 13.052260), 
      zoom: 14, 
      layers: [baseLayer, heatmapLayer] 
     }); 

     heatmapLayer.setData(testData); 
     // make accessible for debugging 
    layer = heatmapLayer; 

    };

我的數據是這樣的：

var testData = { 
data:[{lat:52.40486, lng:13.04916, sig:30}, {lat:52.40486, lng:13.04916, sig:70}, {lat:52.40496, lng:13.04894, sig:67}, {lat:52.40496, lng:13.04894, sig:72}, {lat:52.40486, lng:13.04916, sig:74}, {lat:52.40486, lng:13.04916, sig:78}, {lat:52.40493, lng:13.04925, sig:67},]}

可以本身就住在http://www.frief.de/heatmap/test2.html

將是偉大的，如果有人有一個想法，mybe我只是爲了愚蠢

來源

2015-02-06 Frieder Knabe

只是一個快速的建議。

您是否嘗試過使用Leaflet.Heatmap插件Vladimir Agafonkin（Leaflet.js自己的作者）。它似乎沒有在插件頁面上列出。

我認爲它的速度更快，可能會是一個更好的解決方案：https://github.com/Leaflet/Leaflet.heat http://mourner.github.io/simpleheat/demo/

來源

2015-02-06 12:33:23 kmandov

，我認爲這是行不通的，因爲你的代碼是錯在這裏：

<div class="wrapper"> 
     <div class="heatmap" id="map-canvas"> 

     </div> 
    </div> 

</script> <----THIS  <script src="src/heatmap.js"></script> 
<script src="src/leaflet-heatmap.js"></script>

你說打開鏈接是演示頁面並檢查代碼。修復這個孤立的</script標籤，看看它現在是否工作。

來源

2015-02-06 12:40:02 krzysiej

謝謝您的建議！「」標籤在那裏肯定是錯誤的，但這並沒有解決問題。我已經讀過3閥只有點強烈，所以它不可能根據Wifi信號強度給點自己的顏色？ – 2015-02-07 16:07:57

Heatmap.js傳單熱圖

回答

相關問題