[fix]ICL-1414 热力图 分辨率 revie by qiw

Author: luoxiao-supermap

src/leaflet/overlay/MapVLayer.js

@@ -222,8 +222,13 @@ export var MapVLayer = L.Layer.extend({
 
         var map = this._map;
         var size = map.getSize();
-        canvas.width = size.x;
-        canvas.height = size.y;
+        if (this.mapVOptions.draw === 'heatmap') {
+          canvas.width = parseInt(size.x) * this.devicePixelRatio;
+          canvas.height = parseInt(size.y) * this.devicePixelRatio;
+        } else {
+          canvas.width = parseInt(size.x);
+          canvas.height = parseInt(size.y);
+        }
         canvas.style.width = size.x + 'px';
         canvas.style.height = size.y + 'px';
         var bounds = map.getBounds();

test/leaflet/overlay/MapVLayerSpec.js

@@ -3,6 +3,8 @@ import {tiledMapLayer} from '../../../src/leaflet/mapping/TiledMapLayer';
 import {utilCityCenter, DataSet} from 'mapv';
 
 var url = GlobeParameter.ChinaURL;
+var dataSet,options;
+
 describe('leaflet_MapVLayer', () => {
     var originalTimeout;
     var testDiv, map, layer;
@@ -39,8 +41,8 @@ describe('leaflet_MapVLayer', () => {
                 count: 30 * Math.random()
             });
         }
-        var dataSet = new DataSet(data);
-        var options = {
+        dataSet = new DataSet(data);
+        options = {
             fillStyle: 'rgba(55, 50, 250, 0.8)',
             shadowColor: 'rgba(255, 250, 50, 1)',
             shadowBlur: 20,
@@ -154,6 +156,14 @@ describe('leaflet_MapVLayer', () => {
         expect(layer.canvas.style.width).toBe('500px');
     });
 
+    it('draw, redraw heatmap', () => {
+      options.draw = 'heatmap';
+      window.devicePixelRatio = 2;
+      var layer = mapVLayer(dataSet, options).addTo(map);
+      layer.draw();
+      expect(layer.canvas.width).toEqual(500 * 2);
+   });
+
     it('setZIndex', () => {
         layer.setZIndex(2);
         expect(layer.canvas.style.zIndex).toEqual('2');