screen-demo/src/views/templateInstance.vue

@@ -173,7 +173,7 @@
       <!-- 经纬度实时拾取 开始 -->
       <br/>
       <div>
-        <p><b><span id="mouse-position" style="color: #fff"></span></b></p>
+        <p><b><span @click="lonLatClick" id="mouse-position" :style="lonlatStyle"></span></b></p>
       </div>
     </div>
     <!-- 经纬度实时拾取 结束 -->
@@ -267,6 +267,9 @@ export default {
       dropdownList:[],
       dropdownOpen:false,
       /* 全页面历史记录 开始 */
+      lonlatStyle:'color:#fff',
+      lonLatcolorindex:0,
+      lonLatcolor:['#fff', '#000'],
       /**
        * 后端还需要两个接口，一个是存数据接口，一个是取数据接口，存和取我们都是根据用户信息作为赛选条件，我们这边把用户信息和要存的东西用自己的格式转换成JSON串，我们做包括但不限于地图、导航、搜索等各种历史记录用，所以字段长度要设得比默认的255大点，关于字段至少要有三个（主键id, 用户筛选条件user_info, 存储的历史数据json_data）
        * 历史记录接口，用户信息你从后端自己获取这个接口是谁访问的，存进去；历史记录信息我这边调用你的插入接口时你那边没有就没有就做新增insert，有就更新update, 查询的时候若这个用户没有过历史记录不要返回null，要返回一个空的对象
@@ -387,7 +390,13 @@ export default {
     //     minViewShed: 12
     //   })
     // },
-
+    lonLatClick(){
+      this.lonLatcolorindex++;
+      if(this.lonLatcolorindex == this.lonLatcolor.length){
+        this.lonLatcolorindex = 0;
+      }
+      this.lonlatStyle = 'color:' + this.lonLatcolor[this.lonLatcolorindex];
+    },
     loadOptions(node, resolve) {
       if (node.level > 2) return resolve([]); // Adjust the maximum level allowed for selection
       if (!this.isLoading && node.data && node.data.id) {