From 754c7eb2d082ab4e865a2a95b8c574890ae1a57a Mon Sep 17 00:00:00 2001
From: nnnjjj123 <494715143@qq.com>
Date: Fri, 13 Nov 2020 14:18:09 +0800
Subject: [PATCH] 我的标记
---
widgets/Sign/nls/strings.js | 7
widgets/Sign/Widget.js | 606 +++++++++++++++++++++++++++++++++
widgets/Sign/nls/zh-cn/strings.js | 5
widgets/Sign/manifest.json | 17
widgets/Sign/css/style.css | 335 ++++++++++++++++++
widgets/Sign/Widget.html | 81 ++++
widgets/Sign/nls/es/strings.js | 5
7 files changed, 1,056 insertions(+), 0 deletions(-)
diff --git a/widgets/Sign/Widget.html b/widgets/Sign/Widget.html
new file mode 100644
index 0000000..adc1652
--- /dev/null
+++ b/widgets/Sign/Widget.html
@@ -0,0 +1,81 @@
+<div id="sign_table">
+ <div class="sign-head">
+ <div class="sign-head-th">
+ <i class="sign-head-th-pic"></i>
+ <span class="sign-head-th-biaoji">我的标记</span>
+ <span class="sign-head-th-xx">×</span>
+ </div>
+ <div class="sign-head-td">
+ <ul class="sign-head-td-ul">
+ <li class="sign-head-td-ul-border addPic addTianjia" title="添加注记">
+ <img src="./images/tj.png" alt="">
+ </li>
+ <li class="sign-head-td-ul-hengxian">|</li>
+ <li class="sign-head-td-ul-border dakai" id="dkwj" title="打开文件">
+ <input type="file" class="file" id="fileDKWJ" />
+ <img src="./images/dk.png" alt="">
+ </li>
+ <li class="sign-head-td-ul-border dakai" id="djwj" title="叠加文件">
+ <input type="file" class="file" id="fileDJWJ">
+ <img src="./images/dakaiwenjian.png" alt="">
+ </li>
+ <li class="sign-head-td-ul-border" id="bcwj" title="保存文件">
+ <img src="./images/cwj.png" alt="">
+ </li>
+ <li class="sign-head-td-ul-hengxian">|</li>
+ <li class="sign-head-td-ul-border" id="qkbj" title="清空标记">
+ <img src="./images/shanchu.png" alt="">
+ </li>
+ <li class="sign-head-td-ul-border" id="suo" title="是否编辑">
+ <img id="jiesuo" src="./images/jiesuo.png" alt="">
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="sign-content">
+ <div class="sign-content-mc">
+ <div class="sign-content-mc-hezi">
+ <span>名称</span>
+ <!-- <img class="topPic" src="../../images/sign/-shanglajiantou.png" alt="">
+ <img class="bottomPic" src="../../images/sign/-xialajiantou.png" alt=""> -->
+ </div>
+ <div class="caozuo">操作</div>
+ </div>
+ <div class="sign-content-my">没有找到匹配的记录</div>
+ <!-- <div class="11">
+ <input type="text" value="我的标记" class="wdbj-text">
+ <img class="wdbj-shanchu" src="../../images/sign/shanchu.png" alt="">
+ </div> -->
+ <div class="sign-content-kb"></div>
+ </div>
+ <!-- 单击完成绘制 -->
+ <div class="danji">单击完成绘制</div>
+ <!-- 添加标记 -->
+ <div class="sign-tian">
+ <div class="sign-tian-thead">
+ <span>添加标记</span>
+ <span class="sign-tian-xxx">×</span>
+ </div>
+ <div class="sign-tian-tbody">
+ <div class="sign-tian-hang">
+ <div>名称</div>
+ <input class="sign_im_text sign-tian-hang-input" type="text" placeholder="请输入标记名称">
+ </div>
+ <div class="sign-tian-hang qsrbz">
+ <div>备注</div>
+ <textarea class="sign-tian-hang-textarea" placeholder="请输入备注 (可选填)"></textarea>
+ </div>
+ <div class="sign-tian-bao">
+ <button class="baocun">保存</button>
+ <button class="shanchu">删除</button>
+ </div>
+ </div>
+ <div class="sanJiaoXing-pic"></div>
+ </div>
+ <!-- 提示文字 -->
+ <div class="tipWenZi">
+ <div class="delWenZi actEdit">单击激活编辑</div>
+ <div class="delWenZi modifyEdit">释放完成修改</div>
+ <div class="delWenZi dragEdit">拖动该点修改位置</div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/widgets/Sign/Widget.js b/widgets/Sign/Widget.js
new file mode 100644
index 0000000..2b6d671
--- /dev/null
+++ b/widgets/Sign/Widget.js
@@ -0,0 +1,606 @@
+define(['dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/array', 'dojo/_base/html', 'dojo/topic', 'jimu/BaseWidget'], function (declare, lang, array, html, topic, BaseWidget) {
+ return declare([BaseWidget], {
+ baseClass: 'jimu-widget-Sign',
+ name: 'Sign',
+ toggle: true,
+ // entities唯一id
+ num: 0,
+ // num数组
+ arr: [],
+ // 文件名称
+ fileName: '我的标记点',
+ // 定位图标位置
+ cartesian: '',
+ // cartesian数组
+ fileArr: [],
+ // 保存实体对象
+ updateadd: {},
+ // 实体名称
+ str: '',
+ // 存放entities信息的数组
+ arrDingWei: [],
+ // 存放entities信息的每一个对象
+ arrObj: {},
+ // updateadd数组
+ onClickEntity: [],
+ // 请输入名称数组
+ arrQsrbz: [],
+ // 导入名称数组
+ Dname: [],
+ // 导入X坐标
+ DzbX: '',
+ // 导入Y坐标
+ DzbY: '',
+ // 导入的对象
+ Dobj: [],
+ // 导入的自定义attr数组
+ shuzi: [],
+ // 全局pick
+ qJpick: {},
+ localCartesian: [],
+ localname: [],
+ localarr: [],
+ localqsrbz: [],
+ flag: false,
+ active: false,
+ entityAll: '',
+ ind: '',
+ startup: function startup() {
+ topic.subscribe("openSign", lang.hitch(this, this.onOpenSign));
+ // var fileNames = '我的标记点';
+ var that = this;
+ var scene = that.map.scene;
+ var handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);
+ // var cartes = null;
+ $('.addPic').click(function (event) {
+ var handlers = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);
+
+ // 监听鼠标移动
+ handlers.setInputAction(function (moveEvent) {
+ // 点击完成绘制
+ $('.danji').css({ 'display': 'block', 'left': moveEvent.startPosition.x + 10 + 'px', 'top': moveEvent.startPosition.y + 10 + 'px' });
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ // 监听鼠标点击
+ handlers.setInputAction(function (clickEvent) {
+ $('.sign-tian').hide();
+ that.toggle = true;
+
+ var pick = that.map.scene.pickPosition(clickEvent.position);
+ // 获取坐标
+ var ray = that.map.camera.getPickRay(clickEvent.position);
+ that.cartesian = scene.globe.pick(ray, scene);
+ // 绘制entity
+ that.fileArr.push(that.cartesian);
+ addPoint(that.cartesian, that.num += 1 + new Date().getTime());
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ window.localStorage.setItem('BJDarr', JSON.stringify(that.arr));
+
+ $('.sign-tian-hang-textarea').val('');
+ $('.sign-tian').show();
+
+ $('.sign-tian').css({ 'left': clickEvent.position.x - $('.sign-tian').innerWidth() / 2 + 'px', 'top': clickEvent.position.y - 300 + 'px' });
+ if (that.toggle && $('.sign-tian').css('display', 'block')) {
+ that.map.scene.postRender.addEventListener(moveDom);
+ that.toggle = false;
+ } else {
+ that.map.scene.postRender.removeEventListener(moveDom);
+ that.toggle = true;
+ }
+
+ $('.sign_im_text').val('');
+ $('.sign_im_text').attr('entityid', that.updateadd.id);
+ $('.sign-tian-hang-textarea').attr('entityid', that.updateadd.id);
+
+ if (that.cartesian) {
+ $('.danji').css('display', 'none');
+ handlers.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ }
+
+ that.arrQsrbz.push($('.sign-tian-hang-textarea').val());
+ that.updateadd.label.text = $('.sign_im_text').val() ? $('.sign_im_text').val() : '我的标记';
+ $('.sign-content-my').hide();
+ $('.sign-content').append('<div class = \'wdbj\'><div class = \'dingWeiFei\'><input class = \'wdbj-text\' disabled value = ' + ($('.sign_im_text').val() ? $('.sign_im_text').val() : '我的标记') + ' entitydataid=\'' + $('.sign_im_text').attr('entityid') + '\'></input></div><img class=\'wdbj-shanchu\' src=\'./images/shanchu.png\'></img></div>');
+
+ handlers.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ });
+
+ // 导入文件
+ $('#fileDKWJ').on('change', function (event) {
+ $('#qkbj').trigger('click');
+ that.arrQsrbz = [];
+ that.Dname = [];
+ var date = +new Date();
+ var file = this.files[0]; //获取文件
+ var reader = new FileReader();
+ var datas;
+ reader.readAsText(file, "UTF-8");
+ reader.onload = function () {
+ datas = JSON.parse(reader.result);
+ for (var i = 0; i < datas.length; i++) {
+ that.Dname.push(datas[i].name);
+ that.arrQsrbz.push(datas[i].describe);
+ that.Dzbx = datas[i].x;
+ that.Dzby = datas[i].y;
+ that.fileArr.push({ x: datas[i].x, y: datas[i].y, z: datas[i].z });
+ addPoint(that.fileArr[i], datas[i].shuzi + date);
+
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ window.localStorage.setItem('BJDarr', JSON.stringify(that.arr));
+ window.localStorage.setItem('BJDname', JSON.stringify(that.Dname));
+ window.localStorage.setItem('BJDqsrbz', JSON.stringify(that.arrQsrbz));
+
+ that.updateadd.label.text = datas[i].name;
+ $('.sign-content-my').hide();
+ $('.sign-content').append('<div class = \'wdbj\'><div class = \'dingWeiFei\'><input class = \'wdbj-text\' disabled value = ' + that.Dname[i] + ' entitydataid = ' + (datas[i].shuzi + date) + ' ></input></div><img class=\'wdbj-shanchu\' src=\'./images/shanchu.png\'></img></div>');
+ }
+ };
+ event.target.value = null;
+ });
+
+ // 叠加文件
+ $('#fileDJWJ').change(function () {
+ var date = +new Date();
+ var file = this.files[0]; //获取文件
+ var reader = new FileReader();
+ var datas;
+ reader.readAsText(file, "UTF-8");
+ reader.onload = function () {
+ datas = JSON.parse(reader.result);
+ for (var i = 0; i < datas.length; i++) {
+ that.arrQsrbz.push(datas[i].describe);
+ that.Dname.push(datas[i].name);
+ that.Dzbx = datas[i].x;
+ that.Dzby = datas[i].y;
+ that.fileArr.push({ x: datas[i].x, y: datas[i].y, z: datas[i].z });
+ addPoint({ x: datas[i].x, y: datas[i].y, z: datas[i].z }, datas[i].shuzi + date);
+
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ window.localStorage.setItem('BJDarr', JSON.stringify(that.arr));
+ window.localStorage.setItem('BJDname', JSON.stringify(that.Dname));
+ window.localStorage.setItem('BJDqsrbz', JSON.stringify(that.arrQsrbz));
+
+ that.updateadd.label.text = datas[i].name;
+ $('.sign-content-my').hide();
+ $('.sign-content').append('<div class = \'wdbj\'><div class = \'dingWeiFei\'><input class = \'wdbj-text\' disabled value = ' + datas[i].name + ' entitydataid = ' + (datas[i].shuzi + date) + ' ></input></div><img class=\'wdbj-shanchu\' src=\'./images/shanchu.png\'></img></div>');
+ }
+ };
+ that.DzbX = '';
+ that.DzbY = '';
+ });
+
+ function moveDom() {
+ if (that.cartesian) {
+ var ellipsoid = that.map.scene.globe.ellipsoid;
+ var cartographic = ellipsoid.cartesianToCartographic(that.cartesian);
+ var lat = Cesium.Math.toDegrees(cartographic.latitude);
+ var lng = Cesium.Math.toDegrees(cartographic.longitude);
+
+ var a = Cesium.Cartesian3.fromDegrees(lng, lat, 200);
+
+ var px_position = Cesium.SceneTransforms.wgs84ToWindowCoordinates(that.map.scene, a);
+ $('.sign-tian').css({ 'left': px_position.x - $('.sign-tian').innerWidth() / 2 + 'px', 'top': px_position.y - 310 + 'px' });
+ }
+ }
+
+ // 创建点
+ function addPoint(cartesian, id) {
+ that.updateadd = viewer.entities.add({
+ id: id,
+ position: cartesian,
+ billboard: { //图标
+ image: './images/dingwei.png',
+ width: 40,
+ height: 40,
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY
+ },
+ label: {
+ text: that.str,
+ font: '8pt Source Han Sans CN', //字体样式
+ fillColor: Cesium.Color.YELLOW, //字体颜色
+ backgroundColor: Cesium.Color.AQUA, //背景颜色
+ // showBackground: true, //是否显示背景颜色
+ style: Cesium.LabelStyle.FILL, //label样式
+ outlineWidth: 2,
+ verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
+ pixelOffset: new Cesium.Cartesian2(0, -30), //偏移
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY
+ }
+
+ });
+ that.arr.push(id);
+ if (that.onClickEntity.indexOf(that.updateadd) == -1) {
+ that.onClickEntity.push(that.updateadd);
+ }
+ };
+
+ function mouseEvent() {
+ // 点击定位图标弹框出现并可移动定位图标
+ handler.setInputAction(function (movement) {
+ var pick = that.map.scene.pick(movement.position);
+ if (pick && pick.id) {
+ if (pick.id.id) {
+ for (var i = that.arr.length - 1; i >= 0; i--) {
+ if (pick.id.id == $($('.wdbj')[i]).find('input').attr('entitydataid')) {
+ that.ind = i;
+ handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ $('.actEdit').stop().hide();
+ var ray = that.map.camera.getPickRay(movement.position);
+ that.cartesian = scene.globe.pick(ray, scene);
+ that.map.scene.postRender.addEventListener(moveDom);
+ $('.sign-tian-hang-textarea').val('');
+ $('.sign-tian').show();
+ $('.sign-tian').css({ 'left': movement.position.x - $('.sign-tian').innerWidth() / 2 + 'px', 'top': movement.position.y - 300 + 'px' });
+ $('.sign_im_text').val($($('.wdbj')[i]).find('input').val()).attr('entityid', pick.id.id);
+ $('.sign-tian-hang-textarea').val(that.arrQsrbz[i]);
+ // 拖动该定位图标
+ MoveEntity = function () {
+ var leftDownFlag = false;
+ var pointDraged = null;
+ var viewer;
+ function ConstructMoveEntity(options) {
+ viewer = options.viewer;
+ Init();
+ }
+ function Init() {
+ // Select plane when mouse down 鼠标按下事件
+ that.entityAll = handler.setInputAction(function (movement) {
+ pointDraged = viewer.scene.pick(movement.position); //选取当前的entity
+ leftDownFlag = true;
+ if (pointDraged) {
+ viewer.scene.screenSpaceCameraController.enableRotate = false; //锁定相机
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+
+ // Release plane on mouse up 鼠标松开事件
+ handler.setInputAction(function () {
+ leftDownFlag = false;
+ pointDraged = null;
+ $('.modifyEdit').stop().hide();
+ viewer.scene.screenSpaceCameraController.enableRotate = true;
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN);
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP);
+ }, Cesium.ScreenSpaceEventType.LEFT_UP);
+
+ // Update plane on mouse move
+ handler.setInputAction(function (movement) {
+ var pick = that.map.scene.pick(movement.endPosition);
+ if (pick && pick.id) {
+ if (pick.id.id) {
+ if (pick.id.id == $($('.wdbj')[that.ind]).find('input').attr('entitydataid')) {
+ $('.dragEdit').stop().show();
+ $('.dragEdit').css({ 'left': movement.endPosition.x + 10 + 'px', 'top': movement.endPosition.y + 10 + 'px' });
+ }
+ }
+ } else {
+ $('.dragEdit').stop().hide();
+ }
+ if (leftDownFlag === true && pointDraged != null) {
+ $('.dragEdit').stop().hide();
+ $('.modifyEdit').stop().show();
+ $('.modifyEdit').css({ 'left': movement.endPosition.x + 10 + 'px', 'top': movement.endPosition.y + 10 + 'px' });
+ for (var j = 0; j < that.arr.length; j++) {
+ if (pointDraged.id.id == $($('.wdbj')[j]).find('input').attr('entitydataid')) {
+ var _ray = viewer.camera.getPickRay(movement.endPosition);
+ var cartesian = viewer.scene.globe.pick(_ray, viewer.scene);
+ pointDraged.id.position = cartesian;
+ that.fileArr[j] = pointDraged.id.position._value;
+ }
+ }
+ $('.sign-tian').css('display', 'none');
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ }
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ };
+ return ConstructMoveEntity;
+ }();
+ var moveTool = MoveEntity({ 'viewer': that.map });
+ }
+ }
+ }
+ } else {
+ $('.dragEdit').stop().hide();
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+
+ // 单击激活编辑
+ handler.setInputAction(function (moveEvent) {
+ var pick = that.map.scene.pick(moveEvent.endPosition);
+ if (pick && pick.id) {
+ if (pick.id.id) {
+ $('.actEdit').stop().show();
+ $('.actEdit').css({ 'left': moveEvent.endPosition.x + 10 + 'px', 'top': moveEvent.endPosition.y + 10 + 'px' });
+ }
+ } else {
+ $('.actEdit').stop().hide();
+ }
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ }
+ mouseEvent();
+
+ // 清空实体entity
+ $('#qkbj').click(function () {
+ for (var i = 0; i < that.arr.length; i++) {
+ that.map.entities.removeById(that.arr[i]);
+ };
+ $('.wdbj').remove();
+ $('.sign-content-my').show();
+ that.fileArr = [];
+ that.arrDingWei = [];
+ that.arrObj = [];
+ that.arr = [];
+ that.onClickEntity = [];
+ that.num = 0;
+ that.updateadd = [];
+ that.arrQsrbz = [];
+ that.localname = [];
+ window.localStorage.removeItem("BJD");
+ window.localStorage.removeItem("BJDarr");
+ window.localStorage.removeItem("BJDname");
+ window.localStorage.removeItem("BJDqsrbz");
+ });
+
+ // 导出文件方法
+ function saveShareContent(content, fileName) {
+ var downLink = document.createElement('a');
+ downLink.download = fileName;
+ //字符内容转换为blod地址
+ var blob = new Blob([content]);
+ downLink.href = URL.createObjectURL(blob);
+ // 链接插入到页面
+ document.body.appendChild(downLink);
+ downLink.click();
+ // 移除下载链接
+ document.body.removeChild(downLink);
+ }
+ // 导出文件
+ $('#bcwj').click(function () {
+ var arrDingWei = [];
+ for (var j = 0; j < that.fileArr.length; j++) {
+ that.arrDingWei.push({
+ date: new Date(+new Date() + 8 * 3600 * 1400).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''),
+ name: $($('.wdbj')[j]).find('input').val() ? $($('.wdbj')[j]).find('input').val() : '我的标记',
+ describe: that.arrQsrbz[j],
+ x: that.fileArr[j].x,
+ y: that.fileArr[j].y,
+ z: that.fileArr[j].z,
+ shuzi: $($('.wdbj')[j]).find('input').attr('entitydataid')
+ });
+ }
+ that.arrDingWei.forEach(function (item, index) {
+ arrDingWei.push(item);
+ });
+ saveShareContent(JSON.stringify(arrDingWei), that.fileName);
+ });
+
+ // 定位到实体
+ $('.sign-content').on('click', '.dingWeiFei', function () {
+ if (that.arr.length > 0) {
+ for (var i = 0; i < that.arr.length; i++) {
+ if ($(this).find('.wdbj-text').attr('entitydataid') == that.arr[i]) {
+ var ellipsoid = that.map.scene.globe.ellipsoid;
+ var cartesian3 = new Cesium.Cartesian3(that.fileArr[i].x, that.fileArr[i].y, that.fileArr[i].z);
+ var cartographic = ellipsoid.cartesianToCartographic(cartesian3);
+ var lat = Cesium.Math.toDegrees(cartographic.latitude);
+ var lng = Cesium.Math.toDegrees(cartographic.longitude);
+ that.map.camera.flyTo({
+ destination: Cesium.Cartesian3.fromDegrees(Number(lng), Number(lat), 20000)
+ });
+ }
+ }
+ }
+ });
+
+ // 切换是否解锁图片
+ $('#suo').on('click', function () {
+ if (that.toggle) {
+ $('#jiesuo').attr('src', './images/suo.png');
+ $('.sign-tian-hang-input').attr('disabled', 'disabled');
+ $('.sign-tian-hang-textarea').attr('disabled', 'disabled');
+ $('.delWenZi').remove();
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN);
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP);
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ // handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ handler.destroy();
+ $('.addPic').css('pointer-events', 'none');
+ that.toggle = false;
+ } else {
+ $('.addPic').css('pointer-events', 'auto');
+ handler = new Cesium.ScreenSpaceEventHandler(that.map.scene.canvas);
+ mouseEvent();
+ $('#jiesuo').attr('src', './images/jiesuo.png');
+
+ $('.sign-tian-hang-input').removeAttr('disabled');
+ $('.sign-tian-hang-textarea').removeAttr('disabled');
+ $('.tipWenZi').append('<div class="delWenZi actEdit">\u5355\u51FB\u6FC0\u6D3B\u7F16\u8F91</div>\n <div class="delWenZi modifyEdit">\u91CA\u653E\u5B8C\u6210\u4FEE\u6539</div>\n <div class="delWenZi dragEdit">\u62D6\u52A8\u8BE5\u70B9\u4FEE\u6539\u4F4D\u7F6E</div>');
+ that.toggle = true;
+ }
+ });
+
+ // 点击我的标记x关闭
+ $('.sign-head').on('click', '.sign-head-th-xx', function () {
+ $('.jimu-widget-Sign').hide();
+ for (var i = 0; i < that.arr.length; i++) {
+ // if ($(this).parent().parent().next().find('.wdbj-shanchu')[i].className == 'wdbj-shanchu') {
+ that.map.entities.removeById(that.arr[i]);
+ $(this).parents('.sign-head').next().find('.wdbj').remove();
+ that.arrDingWei = [];
+ $($(this).parent().parent().next().find('.wdbj-shanchu').parent()[i]).remove();
+ // }
+ }
+ if ($('.wdbj-shanchu').length == 0) {
+ $('.sign-content-my').show();
+ }
+ that.onClose();
+ });
+
+ // 点击添加标记x关闭
+ $('.sign-tian-xxx').click(function () {
+ $('.sign-tian').hide();
+ });
+
+ // 点击添加标记里的保存按钮关闭
+ $('.jimu-widget-Sign').on('click', '.baocun', function () {
+ for (var i = 0; i < that.arr.length; i++) {
+ if ($('.wdbj').length > 0) {
+ if ($(this).parent().parent().find('.sign_im_text').attr('entityid') == $($('.wdbj')[i]).find('input').attr('entitydataid')) {
+ $($('.wdbj')[i]).find('input').val($(this).parent().parent().find('input.sign_im_text.sign-tian-hang-input').val() ? $(this).parent().parent().find('input.sign_im_text.sign-tian-hang-input').val() : "我的标记");
+ $('.sign-tian').hide();
+ that.onClickEntity[i].label.text = $($('.wdbj')[i]).find('input').val();
+ that.arrQsrbz[i] = $('.sign-tian-hang-textarea').val();
+ that.Dname[i] = $($('.wdbj-text')[i]).val();
+ window.localStorage.setItem('BJDname', JSON.stringify(that.Dname));
+ window.localStorage.setItem('BJDqsrbz', JSON.stringify(that.arrQsrbz));
+ return;
+ }
+ }
+ }
+
+ $('.sign-tian').hide();
+ that.updateadd.label.text = $('.sign_im_text').val() ? $('.sign_im_text').val() : '我的标记';
+ });
+
+ // 点击添加标记里的删除按钮关闭
+ $('.jimu-widget-Sign').on('click', '.shanchu', function () {
+ $('.sign-tian').hide();
+ that.map.entities.removeById($('.sign_im_text').attr('entityid'));
+ for (var i = 0; i < that.arr.length; i++) {
+ if ($('.sign_im_text').attr('entityid') == $($('.wdbj')[i]).find('input').attr('entitydataid')) {
+ $($('.wdbj')[i]).hide();
+ }
+ }
+ });
+
+ // 点击我的标记里的删除按钮关闭
+ $('.sign-content').on('click', '.wdbj-shanchu', function () {
+ if ($(this)[0].className == 'wdbj-shanchu') {
+ $(this).parent().remove();
+ that.map.entities.removeById($(this).prev().find('input').attr('entitydataid'));
+ that.arrDingWei = [];
+ }
+ if ($('.wdbj-shanchu').length == 0) {
+ $('.sign-content-my').show();
+ }
+
+ for (var i = 0; i < that.arr.length; i++) {
+ if ($(this).prev().find('input').attr('entitydataid') == that.arr[i]) {
+ that.fileArr.splice(i, 1);
+ that.onClickEntity.splice(i, 1);
+ that.arrQsrbz.splice(i, 1);
+ that.Dname.splice(i, 1);
+ that.arr.splice(i, 1);
+ }
+ }
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ window.localStorage.setItem('BJDarr', JSON.stringify(that.arr));
+ window.localStorage.setItem('BJDname', JSON.stringify(that.Dname));
+ window.localStorage.setItem('BJDqsrbz', JSON.stringify(that.arrQsrbz));
+ });
+ },
+
+ onOpenSign: function onOpenSign(item) {
+ if (item == this.name) {
+ this.flag = true;
+ this.onOpen();
+ }
+ },
+
+ onOpen: function onOpen() {
+ var that = this;
+ that.fileArr = [];
+ that.arr = [];
+ that.arrQsrbz = [];
+ that.localname = [];
+ that.localCartesian = [];
+ that.localarr = [];
+ that.localqsrbz = [];
+ if (that.flag == true && window.localStorage.getItem("BJD")) {
+ var addPoint = function addPoint(cartesian, id) {
+ that.updateadd = that.map.entities.add({
+ id: id,
+ position: cartesian,
+ billboard: { //图标
+ image: './images/dingwei.png',
+ width: 40,
+ height: 40,
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY
+ },
+ label: {
+ text: that.str,
+ font: '8pt Source Han Sans CN', //字体样式
+ fillColor: Cesium.Color.YELLOW, //字体颜色
+ backgroundColor: Cesium.Color.AQUA, //背景颜色
+ // showBackground: true, //是否显示背景颜色
+ style: Cesium.LabelStyle.FILL, //label样式
+ outlineWidth: 2,
+ verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
+ pixelOffset: new Cesium.Cartesian2(0, -30), //偏移
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY
+ }
+
+ });
+ that.arr.push(id);
+ if (that.onClickEntity.indexOf(that.updateadd) == -1) {
+ that.onClickEntity.push(that.updateadd);
+ }
+ };
+
+ that.localCartesian = JSON.parse(window.localStorage.getItem("BJD"));
+ that.localarr = JSON.parse(window.localStorage.getItem("BJDarr"));
+ that.localname = JSON.parse(window.localStorage.getItem("BJDname"));
+ that.localqsrbz = JSON.parse(window.localStorage.getItem("BJDqsrbz"));
+ for (var i = 0; i < JSON.parse(window.localStorage.getItem("BJD")).length; i++) {
+ that.fileArr.push(JSON.parse(window.localStorage.getItem("BJD"))[i]);
+ addPoint(JSON.parse(window.localStorage.getItem("BJD"))[i], that.localarr[i]);
+
+ if (that.localqsrbz) {
+ $('.sign-tian-hang-textarea').val(that.localqsrbz[i]);
+ $('.sign_im_text').val(that.localname[i]);
+ $('.sign-content').append('<div class = \'wdbj\'><div class = \'dingWeiFei\'><input class = \'wdbj-text\' disabled value = ' + that.localname[i] + ' entitydataid = ' + that.localarr[i] + ' ></input></div><img class=\'wdbj-shanchu\' src=\'./images/shanchu.png\'></img></div>');
+ that.onClickEntity[i].label.text = that.localname[i];
+ that.Dname.push(JSON.parse(window.localStorage.getItem("BJDname"))[i]);
+ that.arrQsrbz.push(JSON.parse(window.localStorage.getItem('BJDqsrbz'))[i]);
+ that.updateadd.label.text = that.localname[i];
+ $('.sign-tian-hang-textarea').val(that.localqsrbz[i]);
+ }
+ }
+ window.localStorage.setItem('BJD', JSON.stringify(that.fileArr));
+ window.localStorage.setItem('BJDarr', JSON.stringify(that.arr));
+ if ($('.wdbj').length > 0) {
+ $('.sign-content-my').hide();
+ }
+ ;
+ }
+ },
+
+ onClose: function onClose() {
+ //面板关闭的时候触发 （when this panel is closed trigger）
+ this.flag = false;
+ },
+
+ onMinimize: function onMinimize() {
+ this.resize();
+ },
+
+ onMaximize: function onMaximize() {
+ this.resize();
+ },
+
+ resize: function resize() {},
+
+ destroy: function destroy() {
+ //销毁的时候触发
+ //todo
+ //do something before this func
+ }
+
+ });
+});
diff --git a/widgets/Sign/css/style.css b/widgets/Sign/css/style.css
new file mode 100644
index 0000000..5b42084
--- /dev/null
+++ b/widgets/Sign/css/style.css
@@ -0,0 +1,335 @@
+.jimu-widget-Sign {
+ width: 100%;
+ height: 320px;
+ background-color: #323a36;
+ font-size: 14px;
+ border: 1px solid rgb(69, 154, 251);
+ /* opacity : .8; */
+ color: rgb(238, 235, 235);
+ font-size: 16px;
+ display: none;
+}
+
+#sign_table {
+ position: relative;
+}
+
+
+
+.sign-head {
+ width: 320px;
+ height: 90px;
+ /* background-color: red; */
+}
+
+.sign-head-th {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 320px;
+ height: 40px;
+ /* background-color: blue; */
+ padding: 0 10px;
+ border-bottom: 1px solid #377bc9;
+
+}
+
+.sign-head-th-pic {
+ margin-top: 4px;
+ width: 20px;
+ height: 18px;
+ background: url(../../../images/toolbox.png ) no-repeat 0 -63px;
+}
+
+.sign-head-th-biaoji {
+ margin-left: -180px;
+ color: white;
+}
+
+.sign-head-th-xx {
+ font-size: 30px;
+ cursor: pointer;
+}
+
+.sign-head-td {
+ margin-top: 5px;
+ overflow: hidden;
+ height: 50px;
+}
+
+.sign-head-td-ul {
+ margin: 0;
+ padding: 0 10px;
+ list-style: none;
+ display: flex;
+ justify-content: start;
+}
+
+.sign-head-td-ul li {
+
+ margin-right: 10px;
+ text-align: center;
+ padding: 5px 0 0 0;
+}
+
+.sign-head-td-ul-border {
+ cursor: pointer;
+ width: 30px;
+ height: 30px;
+ margin-top: 6px;
+ border: 1px solid white;
+}
+
+.dakai {
+ position: relative;
+ cursor: pointer;
+}
+
+.file {
+ position: absolute;
+ right: 0;
+ top: 0;
+ background-color: red;
+ width: 30px;
+ height: 30px;
+ opacity: 0;
+ cursor: pointer;
+}
+
+.sign-head-td-ul img {
+ padding-bottom: 5px;
+ width: 20px;
+ height: 20px;
+}
+
+.sign-content {
+ width: 316px;
+ height: 267px;
+ border: 1px solid #fff;
+ margin-left: 1px;
+ overflow: hidden;
+}
+
+.sign-content-mc {
+ /* position : absolute; */
+ width: 315px;
+ height: 40px;
+ border: 1px solid #fff;
+ display: flex;
+ padding-left: 10px;
+}
+
+.sign-content-mc-hezi {
+ width: 315px;
+ position: relative;
+ line-height: 40px;
+ cursor: pointer;
+}
+
+.sign-content-mc-hezi .topPic,
+.bottomPic {
+ cursor: pointer;
+ right: 0;
+ position: absolute;
+ background: url(../../images/sign/-shanglajiantou.png) no-repeat;
+ width: 15px;
+ height: 15px;
+}
+
+.sign-content-mc-hezi .bottomPic {
+ top: 17px;
+}
+
+.sign-content-mc-hezi .topPic {
+ top: 10px;
+}
+
+.sign-content-mc .caozuo {
+ width: 74px;
+ cursor: pointer;
+ margin-left: 10px;
+ border-left: 1px solid #fff;
+ line-height: 40px;
+ padding-left: 10px;
+}
+
+.sign-content-my {
+ width: 314px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ border-bottom: 1px solid #fff;
+}
+
+.wdbj {
+ width: 100%;
+ /* background-color: red; */
+ height: 40px;
+ border-bottom: 1px solid #fff;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+}
+
+.wdbj:hover {
+ background-color: #3f4854;
+}
+
+.wdbj .wdbj-text {
+ width: 248px;
+ line-height: 37px;
+ border: none;
+ background-color: #323a36;
+ color: #fff;
+ padding-left: 10px;
+ font-size: 15px;
+ border-right: 1px solid #fff;
+ cursor: pointer;
+}
+
+.wdbj .wdbj-text:hover {
+ background-color: #3f4854;
+}
+
+.wdbj-shanchu {
+ line-height: 40px;
+ padding-right: 10px;
+ height: 20px;
+}
+
+.danji,
+.actEdit,
+.modifyEdit,
+.dragEdit {
+ padding: 5px;
+ background-color: #141f18;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display : none;
+ border-radius: 5px;
+}
+
+.actEdit {
+ top: 30px;
+}
+
+.modifyEdit {
+ top: 60px;
+}
+
+.dragEdit {
+ top: 90px;
+}
+
+.sign-tian {
+ display: none;
+ position: fixed;
+ top: 50px;
+ left: 20px;
+ width: 280px;
+ height: 0px;
+ background-color: red;
+}
+
+.sign-tian-thead {
+ overflow: hidden;
+ width: 100%;
+ height: 40px;
+ background-color: #29434a;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 8px;
+ border-bottom: 1px solid #47605b;
+}
+
+.sign-tian-thead span {
+ font-weight: 500
+}
+
+.sign-tian-thead span:nth-child(2) {
+ font-size: 30px;
+ cursor: pointer;
+}
+
+.sign-tian-thead span:nth-child(2):hover {
+ color: red;
+}
+
+.sign-tian-tbody {
+ width: 100%;
+ padding: 10px;
+ background-color: #434b54;
+}
+
+.sign-tian-hang {
+ width: 100%;
+ height: 60px;
+ margin-bottom: 20px;
+}
+
+
+.sign-tian-hang-input {
+ margin-top: 5px;
+ background-color: #3f4954;
+ line-height: 25px;
+ width: 100%;
+ border: none;
+ color: #999;
+ padding: 5px;
+ font-size: 10px;
+ color: #fff;
+}
+
+.sign-tian-hang-textarea {
+ margin-top: 5px;
+ height: 60px;
+ background-color: #3f4954;
+ font-size: 13px;
+ color: #999;
+ padding: 5px;
+ border: none;
+ resize: none;
+ width: 100%;
+ color: #fff;
+ font-family: '黑体';
+}
+
+.sign-tian-bao {
+ border-radius: 5px;
+ padding: 20px;
+ height: 30px;
+ text-align: center;
+ margin: 10px 0;
+}
+
+.sign-tian-bao .baocun,
+.sign-tian-bao .shanchu {
+ background-color: #385973;
+ color: #fff;
+ border: none;
+ line-height: 25px;
+ border-radius: 5px;
+}
+
+.sign-tian-bao .shanchu {
+ background-color: #6a525a;
+ margin-left: 10px;
+}
+
+
+.sanJiaoXing-pic {
+ position: absolute;
+ left: 50%;
+ margin-left: -10px;
+ width: 0;
+ height: 0;
+ border-top: 17px solid #3f4954;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent
+}
+
+/* .addPic {
+ pointer-events: none;
+} */
\ No newline at end of file
diff --git a/widgets/Sign/manifest.json b/widgets/Sign/manifest.json
new file mode 100644
index 0000000..cc0528b
--- /dev/null
+++ b/widgets/Sign/manifest.json
@@ -0,0 +1,17 @@
+{
+ "name": "Sign",
+ "2D": true,
+ "3D": true,
+ "platform": "HTML",
+ "version": "2.10",
+ "wabVersion": "2.10",
+ "author": "jxdnosng",
+ "description": "",
+ "copyright": "",
+ "license": "",
+ "properties": {
+ "hasConfig": false,
+ "inPanel": false,
+ "hasVersionManager": false
+ }
+}
\ No newline at end of file
diff --git a/widgets/Sign/nls/es/strings.js b/widgets/Sign/nls/es/strings.js
new file mode 100644
index 0000000..ac0953b
--- /dev/null
+++ b/widgets/Sign/nls/es/strings.js
@@ -0,0 +1,5 @@
+define(
+ ({
+ _widgetLabel: "goSign"
+ })
+);
\ No newline at end of file
diff --git a/widgets/Sign/nls/strings.js b/widgets/Sign/nls/strings.js
new file mode 100644
index 0000000..81a8158
--- /dev/null
+++ b/widgets/Sign/nls/strings.js
@@ -0,0 +1,7 @@
+define({
+ root: ({
+ _widgetLabel: "Sign"
+ }),
+ "es": 1,
+ "zh-cn": 1
+});
\ No newline at end of file
diff --git a/widgets/Sign/nls/zh-cn/strings.js b/widgets/Sign/nls/zh-cn/strings.js
new file mode 100644
index 0000000..ed9b96e
--- /dev/null
+++ b/widgets/Sign/nls/zh-cn/strings.js
@@ -0,0 +1,5 @@
+define(
+ ({
+ _widgetLabel: "我的标记"
+ })
+);
\ No newline at end of file
--
Gitblit v1.9.3