Jelajahi Sumber

单量热力图

panhui 5 tahun lalu
induk
melakukan
cb579e2310
1 mengubah file dengan 7 tambahan dan 3 penghapusan
  1. 7 3
      src/main/map/src/views/Heat3D.vue

+ 7 - 3
src/main/map/src/views/Heat3D.vue

@@ -39,19 +39,23 @@ export default {
         initMap() {
         initMap() {
             //初始化地图
             //初始化地图
             this.map = new TMap.Map('container', {
             this.map = new TMap.Map('container', {
-                zoom: 12, //设置地图缩放级别
+                zoom: 16, //设置地图缩放级别
                 pitch: 45, // 设置地图俯仰角
                 pitch: 45, // 设置地图俯仰角
                 center: new TMap.LatLng(this.center.lat, this.center.lng), //设置地图中心点坐标
                 center: new TMap.LatLng(this.center.lat, this.center.lng), //设置地图中心点坐标
+                mapStyleId: 'style1', //个性化样式
             });
             });
             //初始化热力图并添加至map图层
             //初始化热力图并添加至map图层
             this.heat = new TMap.visualization.Heat({
             this.heat = new TMap.visualization.Heat({
-                max: 180, // 热力最强阈值
+                max: 80, // 热力最强阈值
                 min: 0, // 热力最弱阈值
                 min: 0, // 热力最弱阈值
                 height: 40, // 峰值高度
                 height: 40, // 峰值高度
                 radius: 30, // 最大辐射半径
                 radius: 30, // 最大辐射半径
             })
             })
                 .addTo(this.map)
                 .addTo(this.map)
-                .setData(this.heatData); //设置数据
+                .setData(this.heatData)
+                .setGradientColor({
+                    0.9: '#FFA01C',
+                }); //设置数据
         },
         },
     },
     },
 };
 };