Javascript - Flood hazard map

Question

我有一個XYZ格式的大數據（400萬行）。我想畫一張這樣的地圖http://en-gb.topographic-map.com/places/Ho-Chi-Minh-City-6643171/

嘗試heatmap.js（數據太大）和plot.ly countor map（縮放zoomin），但不能使用。謝謝。

Answer 1

在您的示例中，它不是熱圖，而是覆蓋網站上http://wms.ess-ws.nrcan.gc.ca API生成的圖像。這是它在例子的站點js中的樣子。

Map.mapTypes.set('Toporama', new google.maps.ImageMapType({ 
     getTileUrl: function(Coordinates, Zoom) { 
      Copyrights.innerHTML = '<a href="http://www.nrcan.gc.ca" target="_blank">&copy; Natural Resources Canada</a>'; 
      var Projection = Map.getProjection(); 
      var Factor = Math.pow(2, Zoom); 
      var Bottom = Projection.fromPointToLatLng(new google.maps.Point(Coordinates.x * 256/Factor, (Coordinates.y + 1) * 256/Factor)); 
      var Top = Projection.fromPointToLatLng(new google.maps.Point((Coordinates.x + 1) * 256/Factor, Coordinates.y * 256/Factor)); 
      return 'http://wms.ess-ws.nrcan.gc.ca/wms/toporama_en?layers=WMS-Toporama&format=image/png&srs=EPSG:4326&service=WMS&version=1.1.1&request=GetMap&styles=&bbox=' + Bottom.lng() + ',' + Bottom.lat() + ',' + Top.lng() + ',' + Top.lat() + '&width=256&height=256'; 
     }, 
     tileSize: new google.maps.Size(256, 256), 
     name: 'Toporama (Canada)', 
     minZoom: 6, 
     maxZoom: 20 
    })); 

這可能是也是回答你，如果你可以使用或爲您的數據創建類似的API。在我看來，這些大數據不應該被瀏覽器處理。