From 2522535f370a61dab0cc0165d427756488d33313 Mon Sep 17 00:00:00 2001
From: wangzhibo <wangzhibo@shsening.com>
Date: 星期三, 08 九月 2021 11:03:33 +0800
Subject: [PATCH] add wind layer setting

---
 widgetsTS/windsetting/widget.js |   60 ++++++++++++++++++++
 widgetsTS/logoAndMenu/view.html |    4 
 widgetsTS/windsetting/view.html |  102 ++++++++++++++++++++++++++++++++++
 3 files changed, 164 insertions(+), 2 deletions(-)

diff --git a/widgetsTS/logoAndMenu/view.html b/widgetsTS/logoAndMenu/view.html
index d832111..29eafd3 100644
--- a/widgetsTS/logoAndMenu/view.html
+++ b/widgetsTS/logoAndMenu/view.html
@@ -27,8 +27,8 @@
 
         <ul id="menu4Child" class="menu4-ul">
             <li class="widget-btn"
-                onclick="window.open//(&apos;http://www.marsgis.cn/ui/index2.html#!./page/system/menu/index.html&apos;)">
-                <i class="fa fa-gear"></i>&#x7CFB;&#x7EDF;&#x7BA1;&#x7406;
+                onclick="javascript:activateWidget('widgetsTS/windsetting/widget.js');javascript:$('#menu4Child').toggle()">
+                <i class="fa fa-gear"></i>椋庡満鍙傛暟璁剧疆
             </li>
             <li class="widget-btn" onclick="window.open//(&apos;http://www.marsgis.cn&apos;)"><i
                     class="fa fa-home"></i>&#x5173;&#x4E8E;&#x6211;&#x4EEC;</li>
diff --git a/widgetsTS/windsetting/view.html b/widgetsTS/windsetting/view.html
new file mode 100644
index 0000000..4243277
--- /dev/null
+++ b/widgetsTS/windsetting/view.html
@@ -0,0 +1,102 @@
+锘�<!DOCTYPE html>
+<html>
+
+<head>
+  <title>椋庡悜鍥�</title>
+  <script type="text/javascript" src="../../lib/include-lib.js" libpath="../../lib/"
+    include="jquery,jquery.minicolors,font-awesome,bootstrap,bootstrap-slider,layer,haoutil,turf,mars3d,mars3d-wind"></script>
+
+  <link href="../../css/style.css" rel="stylesheet" />
+</head>
+
+<body class="dark">
+
+  <!-- 闈㈡澘 -->
+  <div class="infoview">
+    <table class="mars-table">
+      <tr>
+        <td class="nametd">绮掑瓙涓暟锛�</td>
+        <td>
+          <input id="txt_count" title="绮掑瓙涓暟" />
+        </td>
+      </tr>
+      <tr>
+        <td class="nametd">瀛樻椿鏃堕棿锛�</td>
+        <td>
+          <input id="txt_age" title="瀛樻椿鏃堕棿" />
+        </td>
+      </tr>
+
+      <tr>
+        <td class="nametd">绉诲姩閫熺巼锛�</td>
+        <td>
+          <input id="txt_speed" title="绉诲姩閫熺巼" />
+        </td>
+      </tr>
+
+      <tr>
+        <td class="nametd">绾垮搴︼細</td>
+        <td>
+          <input id="txt_linewidth" title="绾垮搴�" />
+        </td>
+      </tr>
+      <tr>
+        <td class="nametd">绾块鑹诧細</td>
+        <td>
+          <input type="text" id="txtColor" class="form-control" style="width: 100px" value="#ffffff" />
+        </td>
+      </tr>
+    </table>
+  </div>
+
+  <script type="text/javascript">
+    "use script";
+
+    //瀵瑰簲widget.js涓璏yWidget瀹炰緥鍖栧悗鐨勫璞�
+    var thisWidget
+
+    //褰撳墠椤甸潰涓氬姟
+    function initWidgetView(_thisWidget) {
+      thisWidget = _thisWidget;
+
+     
+      $("#txt_count")
+        .slider({ min: 100, max: 10000, step: 1, value: 1000 })
+        .on("change", (e) => {
+          thisWidget.setParticlesNumber(e.value.newValue);
+        });
+      $("#txt_age")
+        .slider({ min: 10, max: 300, step: 1, value: 60 })
+        .on("change", (e) => {
+          thisWidget.setMaxAge(e.value.newValue);
+        });
+      $("#txt_speed")
+        .slider({ min: 1, max: 100, step: 1, value: 60 })
+        .on("change", (e) => {
+          thisWidget.setSpeedRate(e.value.newValue);
+        });
+      $("#txt_linewidth")
+        .slider({ min: 1, max: 10, step: 0.5, value: 1 })
+        .on("change", (e) => {
+          thisWidget.setLineWidth(e.value.newValue);
+        });
+
+      $("#txtColor").minicolors({
+        position: "bottom left",
+        control: "saturation",
+        change: function (hex) {
+          thisWidget.setColor(hex);
+        },
+      });
+
+
+    }
+
+
+
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/widgetsTS/windsetting/widget.js b/widgetsTS/windsetting/widget.js
new file mode 100644
index 0000000..916df2b
--- /dev/null
+++ b/widgetsTS/windsetting/widget.js
@@ -0,0 +1,60 @@
+'use script' //寮�鍙戠幆澧冨缓璁紑鍚弗鏍兼ā寮�
+  ;
+(function (window, mars3d) {
+  //鍒涘缓widget绫伙紝闇�瑕佺户鎵緽aseWidget
+  class MyWidget extends mars3d.widget.BaseWidget {
+    //寮圭獥閰嶇疆锛�2涓脊绐楃殑鎯呭舰
+    get view() {
+      return {
+        type: "window",
+        url: "view.html",
+
+        windowOptions: {
+          width: 400,
+          height: 400,
+          left: 5,
+          top: 120
+        },
+      };
+    }
+    //鍒濆鍖朳浠呮墽琛�1娆
+    create() {
+      this.wind_layer = this.map.getLayerById(2001);
+    }
+
+    //姣忎釜绐楀彛鍒涘缓瀹屾垚鍚庤皟鐢�
+    winCreateOK(opt, result) {
+
+    }
+    //鎵撳紑婵�娲�
+    activate() {
+
+    }
+    //鍏抽棴閲婃斁
+    disable() { }
+
+    setParticlesNumber(vaule){
+      this.wind_layer.particlesNumber = vaule;
+    }
+    setMaxAge(vaule){
+      this.wind_layer.maxAge = vaule;
+    }
+    setSpeedRate(vaule){
+      this.wind_layer.speedRate = vaule;
+    }
+    setLineWidth(vaule){
+      this.wind_layer.lineWidth = vaule;
+    }
+    setColor(vaule){
+      this.wind_layer.color = vaule;
+    }
+    
+
+
+  }
+
+  //娉ㄥ唽鍒皐idget绠＄悊鍣ㄤ腑銆�
+  mars3d.widget.bindClass(MyWidget)
+
+  //姣忎釜widet涔嬮棿閮芥槸鐩存帴寮曞叆鍒癷ndex.html涓紝浼氬瓨鍦ㄥ郊姝ゅ懡鍚嶅啿绐侊紝鎵�浠ラ棴鍖呭鐞嗕笅銆�
+})(window, mars3d)
\ No newline at end of file

--
Gitblit v1.9.1