commit

04.系统编码/App/App.csproj

@@ -214,6 +214,7 @@
     <Content Include="Content\scripts\menggu\result-list.js" />
     <Content Include="Content\scripts\beijing\history-panel.js" />
     <Content Include="Content\scripts\beijing\realtime-panel.js" />
+    <Content Include="Content\scripts\menggu\select-point.js" />
     <Content Include="Content\scripts\register\register.js" />
     <Content Include="Content\scripts\system-management\config-management\edit-line-color.js" />
     <Content Include="Content\scripts\system-management\config-management\edit-locate-icon.js" />

04.系统编码/App/Content/scripts/menggu/map.js

@@ -23,8 +23,10 @@ var Map = function (parent) {
     this.WindTemplate = null;
     this.MultiLayers = false;
     this.isMark = false;
+    this.isSelected = false;
 
     this.InfoPoint = new InfoPoint(this);
+    this.SelectPoint = new SelectPoint(this);
 
     this.Startup = function () {
         this.CreateMap();
@@ -32,7 +34,9 @@ var Map = function (parent) {
         this.LoadWindTemplate();
         this.LoadInfoPoint();
         this.InfoPoint.Startup();
+        this.SelectPoint.Startup();
 
+        $('#select-point-button').on('click', this.onSelectPointClick.bind(this));
         $('#mark-button').on('click', this.onMarkClick.bind(this));
         $('#draw-button').on('click', this.OnDrawButtonClick.bind(this));
         $('#clear-button').on('click', this.OnClearButtonClick.bind(this));
@@ -405,6 +409,22 @@ var Map = function (parent) {
         });
     };
 
+    this.onSelectPointClick = function () {
+        this.isSelected = true;
+
+        $('#map').css('cursor', 'crosshair');
+        this.SelectPiontInfo();
+    };
+
+    this.SelectPiontInfo = function () {
+        this.map.on('click', function (e) {
+            if (this.isSelected)
+                this.SelectPoint.ShowDialog(e.latlng);
+            else
+                return;
+        }.bind(this));
+    };
+
     this.onMarkClick = function () {
         this.isMark = true;
 

04.系统编码/App/Content/scripts/menggu/select-point.js

@@ -0,0 +1,56 @@
+var SelectPoint = function (parent) {
+    this.Parent = parent;
+
+    this.Startup = function () {
+        $('#copy-longitude').on('click', this.OnClickLngClick.bind(this));
+        $('#copy-latitude').on('click', this.onCopyLatClick.bind(this));
+        $('#close-select-point-dialog').on('click', this.HideDialog.bind(this));
+        $('#dialog-select-point-cancel').on('click', this.HideDialog.bind(this));
+    };
+
+    this.ShowDialog = function (point) {
+        $('#dialog-select-point').show();
+        $("#lng").val(this.getLatLng(point.lng));
+        $("#lat").val(this.getLatLng(point.lat));
+    };
+
+    this.HideDialog = function () {
+        $('#dialog-select-point').hide();
+        $('#map').css('cursor', 'grab');
+
+        this.Parent.isSelected = false;
+    };
+
+    this.getLatLng = function (value) {
+        value = value.toString()
+        let index = value.indexOf('.')
+        if (index !== -1) {
+            value = value.substring(0, 6 + index + 1)
+        } else {
+            value = value.substring(0)
+        }
+        return parseFloat(value).toFixed(6)
+    }
+
+    this.OnClickLngClick = function () {
+        if ($("#lng").val().trim() === '') {
+            alert('请输入经度');
+            return;
+        } else {
+            var selected = document.querySelector('#lng');
+            selected.select();
+            document.execCommand('Copy');
+        }
+    };
+
+    this.onCopyLatClick = function () {
+        if ($("#lat").val().trim() === '') {
+            alert('请输入纬度');
+            return;
+        } else {
+            var selected = document.querySelector('#lat');
+            selected.select();
+            document.execCommand('Copy');
+        }
+    }
+}

04.系统编码/App/Views/Menggu/Index.cshtml

@@ -15,9 +15,12 @@
     <div class="switch switch-on label-switch" id="label-switch">
         时间标签<a href="javascript:;"></a>
     </div>
-    <a id="mark-button" class="info-mark btn">信息点标绘...</a>
-    <a id="draw-button" class="draw btn">画线...</a>
-    <a id="clear-button" class="clear-btn btn">清除...</a>
+    <div class="control-btns">
+        <a id="select-point-button" class="select-point btn">鼠标选点...</a>
+        <a id="mark-button" class="info-mark btn">信息点标绘...</a>
+        <a id="draw-button" class="draw btn">画线...</a>
+        <a id="clear-button" class="clear-btn btn">清除...</a>
+    </div>
     <a id="capture-button" class="export btn">导出图片...</a>
     <a id="download-button" href="~/Content/thirds/niuniu-capture/CaptureInstall.exe" class="export btn" style="display:none;" title="安装成功后，手动刷新本页面">安装插件...</a>
     <span class="latlng"></span>
@@ -40,6 +43,31 @@
 
 <div class="bg"></div>
 
+<div class="dialog dialog-select-point" id="dialog-select-point">
+    <div class="dialog-content">
+        <div class="dialog-title">
+            <h2>鼠标点选</h2>
+        </div>
+        <a href="javascript:;" class="close-dialog" id="close-select-point-dialog"></a>
+        <div class="item">
+            <div class="col">
+                <label>经度:</label>
+                <input type="text" id="lng" placeholder="请输入经度" />
+                <span class="copy-btn" id="copy-longitude"></span>
+            </div>
+            <div class="col">
+                <label>纬度:</label>
+                <input type="text" id="lat" placeholder="请输入纬度" />
+                <span class="copy-btn" id="copy-latitude"></span>
+            </div>
+        </div>
+        <div class="line"></div>
+        <div class="dialog-btn-group fr">
+            <button class="btn dialog-btn" id="dialog-select-point-cancel">关闭</button>
+        </div>
+    </div>
+</div>
+
 <div class="dialog dialog-info-point" id="dialog-info-point">
     <div class="dialog-content">
         <div class="dialog-title">
@@ -141,6 +169,7 @@
     <script src="~/Content/scripts/menggu/history-panel.js"></script>
     <script src="~/Content/scripts/menggu/realtime-panel.js"></script>
     <script src="~/Content/scripts/menggu/result-list.js"></script>
+    <script src="~/Content/scripts/menggu/select-point.js"></script>
     <script src="~/Content/scripts/beijing/info-point.js"></script>
     <script src="~/Content/scripts/menggu/map.js"></script>
     <script src="~/Content/scripts/menggu/app.js"></script>