|
|
@@ -7,13 +7,13 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>地图</title>
|
|
|
- <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
|
|
|
- <jsp:include page="../common/common-js-include.jsp"></jsp:include>
|
|
|
- <jsp:include page="../common/common-css-include.jsp"></jsp:include>
|
|
|
- <!--[if lt IE 9]>
|
|
|
- <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
- <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
- <![endif]-->
|
|
|
+ <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
|
|
|
+ <jsp:include page="../common/common-js-include.jsp"></jsp:include>
|
|
|
+ <jsp:include page="../common/common-css-include.jsp"></jsp:include>
|
|
|
+ <!--[if lt IE 9]>
|
|
|
+ <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
+ <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
+ <![endif]-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=fH2LyWBEJhhAgSPnKsI7RMFxsYNxkKt2"></script>
|
|
|
@@ -36,308 +36,308 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
-new Vue({
|
|
|
- el: '#app',
|
|
|
- data: {
|
|
|
- map: null,
|
|
|
- subjectId: "${subjectId}",
|
|
|
- subjectName : "${subjectName}"== "" ? "伊州区" : "${subjectName}",
|
|
|
- clickTimeouts: [],
|
|
|
- iconData: [],
|
|
|
- regionName : [{
|
|
|
- longitude: '92.26',
|
|
|
- latitude: '44.45',
|
|
|
- name: '巴里坤哈萨克自治县',
|
|
|
- color: '#AEE4D1'
|
|
|
- }, {
|
|
|
- name: '伊吾县',
|
|
|
- longitude: '94.86',
|
|
|
- latitude: '43.58',
|
|
|
- color: '#9C6A7B'
|
|
|
- }, {
|
|
|
- name: '伊州区',
|
|
|
- longitude: '93.56',
|
|
|
- latitude: '42.18',
|
|
|
- color: '#599D62'
|
|
|
- }]
|
|
|
- },
|
|
|
- mounted: function() {
|
|
|
- this.initMap();
|
|
|
- this.init();
|
|
|
- this.getPointData();
|
|
|
- if(this.subjectName) {
|
|
|
- if(this.subjectName == '巴里坤县') {
|
|
|
- this.subjectName = '巴里坤哈萨克自治县';
|
|
|
- }
|
|
|
- if(this.subjectName == '本市级') {
|
|
|
- this.subjectName = '市本级';
|
|
|
- }
|
|
|
- //初始化范围
|
|
|
- this.getBoundary(this.subjectName);
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- init: function(){
|
|
|
- var self = this;
|
|
|
- layui.form.on('select(subjectId)', function (data) {
|
|
|
- let value = data.value; // 获得被选中的值
|
|
|
- self.subjectId = value;
|
|
|
- let text = data.elem.selectedOptions[0].text;
|
|
|
- if(text == '本市级' || text == '高新区') {
|
|
|
- text = "伊州区";
|
|
|
- }
|
|
|
- if(text == '巴里坤县') {
|
|
|
- text = '巴里坤哈萨克自治县';
|
|
|
- }
|
|
|
- self.getPointData();
|
|
|
- self.getBoundary(text);
|
|
|
- });
|
|
|
- },
|
|
|
- initMap: function() {
|
|
|
- this.map = new BMapGL.Map("container");
|
|
|
- this.map.centerAndZoom(new BMapGL.Point(93.76, 43.45), 8);
|
|
|
- this.map.enableScrollWheelZoom();
|
|
|
- },
|
|
|
- getBoundary: function(val) {
|
|
|
- var self = this;
|
|
|
- let bdary = new BMapGL.Boundary();
|
|
|
- /* bdary.get(val, function (rs) { //获取行政区域
|
|
|
- console.log(rs)
|
|
|
- self.map.clearOverlays(); //清除地图覆盖物
|
|
|
- let count = rs.boundaries.length; //行政区域的点有多少个
|
|
|
- for (let i = 0; i < count; i++) {
|
|
|
- let ply = new BMapGL.Polygon(rs.boundaries[i], {
|
|
|
- strokeWeight: 2,
|
|
|
- strokeColor: "#3B6DE2"
|
|
|
- }); //建立多边形覆盖物
|
|
|
- self.map.addOverlay(ply); //添加覆盖物
|
|
|
- self.map.setViewport(ply.getPath()); //调整视野
|
|
|
- self.getPointData();
|
|
|
- }
|
|
|
- }); */
|
|
|
- self.map.clearOverlays()
|
|
|
- let dist = new BMapGL.DistrictLayer({
|
|
|
- name: '('+val+')',
|
|
|
- kind: 2,
|
|
|
- fillColor: '#fff',
|
|
|
- strokeColor: '#4A83F7',
|
|
|
- });
|
|
|
- this.map.addDistrictLayer(dist);
|
|
|
+ new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ map: null,
|
|
|
+ subjectId: "${subjectId}",
|
|
|
+ subjectName : "${subjectName}"== "" ? "伊州区" : "${subjectName}",
|
|
|
+ clickTimeouts: [],
|
|
|
+ iconData: [],
|
|
|
+ regionName : [{
|
|
|
+ longitude: '92.26',
|
|
|
+ latitude: '44.45',
|
|
|
+ name: '巴里坤哈萨克自治县',
|
|
|
+ color: '#AEE4D1'
|
|
|
+ }, {
|
|
|
+ name: '伊吾县',
|
|
|
+ longitude: '94.86',
|
|
|
+ latitude: '43.58',
|
|
|
+ color: '#9C6A7B'
|
|
|
+ }, {
|
|
|
+ name: '伊州区',
|
|
|
+ longitude: '93.56',
|
|
|
+ latitude: '42.18',
|
|
|
+ color: '#599D62'
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ this.initMap();
|
|
|
+ this.init();
|
|
|
+ this.getPointData();
|
|
|
+ if(this.subjectName) {
|
|
|
+ if(this.subjectName == '巴里坤县') {
|
|
|
+ this.subjectName = '巴里坤哈萨克自治县';
|
|
|
+ }
|
|
|
+ if(this.subjectName == '本市级') {
|
|
|
+ this.subjectName = '市本级';
|
|
|
+ }
|
|
|
+ //初始化范围
|
|
|
+ this.getBoundary(this.subjectName);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init: function(){
|
|
|
+ var self = this;
|
|
|
+ layui.form.on('select(subjectId)', function (data) {
|
|
|
+ let value = data.value; // 获得被选中的值
|
|
|
+ self.subjectId = value;
|
|
|
+ let text = data.elem.selectedOptions[0].text;
|
|
|
+ if(text == '本市级' || text == '高新区') {
|
|
|
+ text = "伊州区";
|
|
|
+ }
|
|
|
+ if(text == '巴里坤县') {
|
|
|
+ text = '巴里坤哈萨克自治县';
|
|
|
+ }
|
|
|
+ self.getPointData();
|
|
|
+ self.getBoundary(text);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ initMap: function() {
|
|
|
+ this.map = new BMapGL.Map("container");
|
|
|
+ this.map.centerAndZoom(new BMapGL.Point(93.76, 43.45), 8);
|
|
|
+ this.map.enableScrollWheelZoom();
|
|
|
+ },
|
|
|
+ getBoundary: function(val) {
|
|
|
+ var self = this;
|
|
|
+ let bdary = new BMapGL.Boundary();
|
|
|
+ /* bdary.get(val, function (rs) { //获取行政区域
|
|
|
+ console.log(rs)
|
|
|
+ self.map.clearOverlays(); //清除地图覆盖物
|
|
|
+ let count = rs.boundaries.length; //行政区域的点有多少个
|
|
|
+ for (let i = 0; i < count; i++) {
|
|
|
+ let ply = new BMapGL.Polygon(rs.boundaries[i], {
|
|
|
+ strokeWeight: 2,
|
|
|
+ strokeColor: "#3B6DE2"
|
|
|
+ }); //建立多边形覆盖物
|
|
|
+ self.map.addOverlay(ply); //添加覆盖物
|
|
|
+ self.map.setViewport(ply.getPath()); //调整视野
|
|
|
+ self.getPointData();
|
|
|
+ }
|
|
|
+ }); */
|
|
|
+ self.map.clearOverlays()
|
|
|
+ let dist = new BMapGL.DistrictLayer({
|
|
|
+ name: '('+val+')',
|
|
|
+ kind: 2,
|
|
|
+ fillColor: '#fff',
|
|
|
+ strokeColor: '#4A83F7',
|
|
|
+ });
|
|
|
+ this.map.addDistrictLayer(dist);
|
|
|
|
|
|
- //添加文本
|
|
|
- self.regionName.forEach(item => {
|
|
|
- let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
- let content = item.name;
|
|
|
- let label = new BMapGL.Label(content, { // 创建文本标注
|
|
|
- position: point,
|
|
|
- offset: new BMapGL.Size(10, 20)
|
|
|
- })
|
|
|
- self.map.addOverlay(label); // 将标注添加到地图中
|
|
|
- label.setStyle({ // 设置label的样式
|
|
|
- color: '#000',
|
|
|
- fontSize: '12px',
|
|
|
- border: 'none',
|
|
|
- background: 'none',
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- getOnLoadBoundary: function(val) {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
-
|
|
|
- let dist = new BMapGL.DistrictLayer({
|
|
|
- name: '(哈密市)',
|
|
|
- kind: 2,
|
|
|
- fillColor: ['#618bf8', '#0c0', '#ccc'],
|
|
|
- strokeColor: '#daeafa',
|
|
|
- });
|
|
|
- isfind = false
|
|
|
- map.addDistrictLayer(dist);
|
|
|
- regionName.forEach(item => {
|
|
|
- let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
- let content = item.name;
|
|
|
- let label = new BMapGL.Label(content, { // 创建文本标注
|
|
|
- position: point,
|
|
|
- offset: new BMapGL.Size(10, 20)
|
|
|
- })
|
|
|
- map.addOverlay(label); // 将标注添加到地图中
|
|
|
- label.setStyle({ // 设置label的样式
|
|
|
- color: '#000',
|
|
|
- fontSize: '12px',
|
|
|
- border: 'none',
|
|
|
- background: 'none',
|
|
|
- })
|
|
|
- })
|
|
|
- map.centerAndZoom(new BMapGL.Point(93.76, 43.45), 8);
|
|
|
- resolve('绘制成功')
|
|
|
+ //添加文本
|
|
|
+ self.regionName.forEach(item => {
|
|
|
+ let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
+ let content = item.name;
|
|
|
+ let label = new BMapGL.Label(content, { // 创建文本标注
|
|
|
+ position: point,
|
|
|
+ offset: new BMapGL.Size(10, 20)
|
|
|
+ })
|
|
|
+ self.map.addOverlay(label); // 将标注添加到地图中
|
|
|
+ label.setStyle({ // 设置label的样式
|
|
|
+ color: '#000',
|
|
|
+ fontSize: '12px',
|
|
|
+ border: 'none',
|
|
|
+ background: 'none',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getOnLoadBoundary: function(val) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
|
|
|
+ let dist = new BMapGL.DistrictLayer({
|
|
|
+ name: '(哈密市)',
|
|
|
+ kind: 2,
|
|
|
+ fillColor: ['#618bf8', '#0c0', '#ccc'],
|
|
|
+ strokeColor: '#daeafa',
|
|
|
+ });
|
|
|
+ isfind = false
|
|
|
+ map.addDistrictLayer(dist);
|
|
|
+ regionName.forEach(item => {
|
|
|
+ let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
+ let content = item.name;
|
|
|
+ let label = new BMapGL.Label(content, { // 创建文本标注
|
|
|
+ position: point,
|
|
|
+ offset: new BMapGL.Size(10, 20)
|
|
|
+ })
|
|
|
+ map.addOverlay(label); // 将标注添加到地图中
|
|
|
+ label.setStyle({ // 设置label的样式
|
|
|
+ color: '#000',
|
|
|
+ fontSize: '12px',
|
|
|
+ border: 'none',
|
|
|
+ background: 'none',
|
|
|
})
|
|
|
- },
|
|
|
- drawMap: function() {
|
|
|
- var self = this; // 遍历数组，在地图上添加标记和文字
|
|
|
- this.iconData.forEach((item, index) => {
|
|
|
- let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
- let iconPath = "";
|
|
|
- switch(item.status) {
|
|
|
- case "1": iconPath = App.getUrl("/asset/css/img/yellow.svg");break;
|
|
|
- case "6": iconPath = App.getUrl("/asset/css/img/blue.svg");break;
|
|
|
- case "7": iconPath = App.getUrl("/asset/css/img/blue-plus.svg");break;
|
|
|
- case "8": iconPath = App.getUrl("/asset/css/img/red.svg");break;
|
|
|
- case "A": iconPath = App.getUrl("/asset/css/img/green.svg");break;
|
|
|
- }
|
|
|
- let icon = new BMapGL.Icon(iconPath,new BMapGL.Size(35, 35), {
|
|
|
- imageSize: {
|
|
|
- width: '35',
|
|
|
- height: '35'
|
|
|
- },
|
|
|
- });
|
|
|
+ })
|
|
|
+ map.centerAndZoom(new BMapGL.Point(93.76, 43.45), 8);
|
|
|
+ resolve('绘制成功')
|
|
|
|
|
|
- // 创建信息窗口
|
|
|
- var opts = {
|
|
|
- width: 250, // 信息窗口宽度
|
|
|
- height: 60, // 信息窗口高度
|
|
|
- title: "项目名称" // 信息窗口标题
|
|
|
- };
|
|
|
- var infoWindow = new BMapGL.InfoWindow(item.subName, opts);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ drawMap: function() {
|
|
|
+ var self = this; // 遍历数组，在地图上添加标记和文字
|
|
|
+ this.iconData.forEach((item, index) => {
|
|
|
+ let point = new BMapGL.Point(item.longitude, item.latitude);
|
|
|
+ let iconPath = "";
|
|
|
+ switch(item.status) {
|
|
|
+ case "1": iconPath = App.getUrl("/asset/css/img/yellow.svg");break;
|
|
|
+ case "6": iconPath = App.getUrl("/asset/css/img/blue.svg");break;
|
|
|
+ case "7": iconPath = App.getUrl("/asset/css/img/blue-plus.svg");break;
|
|
|
+ case "8": iconPath = App.getUrl("/asset/css/img/red.svg");break;
|
|
|
+ case "A": iconPath = App.getUrl("/asset/css/img/green.svg");break;
|
|
|
+ }
|
|
|
+ let icon = new BMapGL.Icon(iconPath,new BMapGL.Size(35, 35), {
|
|
|
+ imageSize: {
|
|
|
+ width: '35',
|
|
|
+ height: '35'
|
|
|
+ },
|
|
|
+ });
|
|
|
|
|
|
+ // 创建信息窗口
|
|
|
+ var opts = {
|
|
|
+ width: 250, // 信息窗口宽度
|
|
|
+ height: 60, // 信息窗口高度
|
|
|
+ title: "项目名称" // 信息窗口标题
|
|
|
+ };
|
|
|
+ var infoWindow = new BMapGL.InfoWindow(item.subName, opts);
|
|
|
|
|
|
- // 创建自定义文字对象
|
|
|
- let overlayer = new BMapGL.Marker(point, {
|
|
|
- icon: icon,
|
|
|
- //label: Label
|
|
|
- }); // 创建标记，并设置图标
|
|
|
- self.map.addOverlay(overlayer); // 将标记添加到地图上
|
|
|
|
|
|
+ // 创建自定义文字对象
|
|
|
+ let overlayer = new BMapGL.Marker(point, {
|
|
|
+ icon: icon,
|
|
|
+ //label: Label
|
|
|
+ }); // 创建标记，并设置图标
|
|
|
+ self.map.addOverlay(overlayer); // 将标记添加到地图上
|
|
|
|
|
|
|
|
|
- // 添加鼠标停留事件
|
|
|
- overlayer.addEventListener('mouseover', function (e) {
|
|
|
- console.log('mouseenter')
|
|
|
- // 打开信息窗口
|
|
|
- self.map.openInfoWindow(infoWindow, point); // 打开信息窗口，point是打开的位置
|
|
|
|
|
|
- });
|
|
|
+ // 添加鼠标停留事件
|
|
|
+ overlayer.addEventListener('mouseover', function (e) {
|
|
|
+ console.log('mouseenter')
|
|
|
+ // 打开信息窗口
|
|
|
+ self.map.openInfoWindow(infoWindow, point); // 打开信息窗口，point是打开的位置
|
|
|
|
|
|
- // // 为点添加鼠标离开事件监听
|
|
|
- // overlayer.addEventListener("mouseout", function() {
|
|
|
- // // 关闭信息窗口
|
|
|
- // self.map.closeInfoWindow(); // 关闭信息窗口
|
|
|
- // });
|
|
|
+ });
|
|
|
|
|
|
- // 添加单击事件监听
|
|
|
- overlayer.addEventListener('click', function (e) {
|
|
|
- // 清除之前可能存在的计时器
|
|
|
- if (self.clickTimeouts[index]) {
|
|
|
- clearTimeout(self.clickTimeouts[index]);
|
|
|
- self.clickTimeouts[index] = null;
|
|
|
- // 双击时已清除计时器，不再执行单击事件
|
|
|
- return;
|
|
|
- }
|
|
|
+ // // 为点添加鼠标离开事件监听
|
|
|
+ // overlayer.addEventListener("mouseout", function() {
|
|
|
+ // // 关闭信息窗口
|
|
|
+ // self.map.closeInfoWindow(); // 关闭信息窗口
|
|
|
+ // });
|
|
|
|
|
|
- // 设置延时执行单击事件
|
|
|
- self.clickTimeouts[index] = setTimeout(function () {
|
|
|
- App.openLayer({
|
|
|
- title:'项目详情',
|
|
|
- skin: 'vidio-pop',
|
|
|
- width: '1200',
|
|
|
- height: '900',
|
|
|
- shade: 0.6, // 遮罩透明度
|
|
|
- shadeClose: true, // 点击遮罩区域，关闭弹层
|
|
|
- maxmin: true, // 允许全屏最小化
|
|
|
- anim: 0, // 0-6 的动画形式，-1 不开启
|
|
|
- content: App.getUrl("/subject/subInfo/detailView?layer=true&subId="+ item.id +"&queryYear="+new Date().getFullYear())
|
|
|
- })
|
|
|
- // 在这里执行单击后的操作
|
|
|
- }, 200); // 延时200毫秒
|
|
|
- });
|
|
|
+ // 添加单击事件监听
|
|
|
+ overlayer.addEventListener('click', function (e) {
|
|
|
+ // 清除之前可能存在的计时器
|
|
|
+ if (self.clickTimeouts[index]) {
|
|
|
+ clearTimeout(self.clickTimeouts[index]);
|
|
|
+ self.clickTimeouts[index] = null;
|
|
|
+ // 双击时已清除计时器，不再执行单击事件
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- // 添加双击事件监听
|
|
|
- overlayer.addEventListener('dblclick', function (e) {
|
|
|
- // 清除单击事件的计时器
|
|
|
- if (self.clickTimeouts[index]) {
|
|
|
- clearTimeout(self.clickTimeouts[index]);
|
|
|
- self.clickTimeouts[index] = null;
|
|
|
- }
|
|
|
- window.location.href=App.getUrl("/smart/vedio?subId="+item.id);
|
|
|
- // 在这里执行双击后的操作
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- getPointData: function() {
|
|
|
- var self = this;
|
|
|
- App.postJson("/api/smart/smartSiteQuery", { subjectId: this.subjectId },function (res) {
|
|
|
- if (res.success) {
|
|
|
- self.iconData = res.data;
|
|
|
- }
|
|
|
- self.drawMap();
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
-})
|
|
|
+ // 设置延时执行单击事件
|
|
|
+ self.clickTimeouts[index] = setTimeout(function () {
|
|
|
+ App.openLayer({
|
|
|
+ title:'项目详情',
|
|
|
+ skin: 'vidio-pop',
|
|
|
+ width: '1200',
|
|
|
+ height: '900',
|
|
|
+ shade: 0.6, // 遮罩透明度
|
|
|
+ shadeClose: true, // 点击遮罩区域，关闭弹层
|
|
|
+ maxmin: true, // 允许全屏最小化
|
|
|
+ anim: 0, // 0-6 的动画形式，-1 不开启
|
|
|
+ content: App.getUrl("/subject/subInfo/detailView?layer=true&subId="+ item.id +"&queryYear="+new Date().getFullYear())
|
|
|
+ })
|
|
|
+ // 在这里执行单击后的操作
|
|
|
+ }, 200); // 延时200毫秒
|
|
|
+ });
|
|
|
+
|
|
|
+ // 添加双击事件监听
|
|
|
+ overlayer.addEventListener('dblclick', function (e) {
|
|
|
+ // 清除单击事件的计时器
|
|
|
+ if (self.clickTimeouts[index]) {
|
|
|
+ clearTimeout(self.clickTimeouts[index]);
|
|
|
+ self.clickTimeouts[index] = null;
|
|
|
+ }
|
|
|
+ window.location.href=App.getUrl("/smart/vedio?subId="+item.id);
|
|
|
+ // 在这里执行双击后的操作
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getPointData: function() {
|
|
|
+ var self = this;
|
|
|
+ App.postJson("/api/smart/smartSiteQuery", { subjectId: this.subjectId },function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ self.iconData = res.data;
|
|
|
+ }
|
|
|
+ self.drawMap();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
<style>
|
|
|
* {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
|
|
|
- .layui-input-group {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- width: 300px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
+ .layui-input-group {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 300px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
|
|
|
- .layui-input {
|
|
|
- border: 1px solid #2C6EC6 !important;
|
|
|
- }
|
|
|
+ .layui-input {
|
|
|
+ border: 1px solid #2C6EC6 !important;
|
|
|
+ }
|
|
|
|
|
|
- .layui-input-suffix {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border: 1px solid #0070CE !important;
|
|
|
- background-color: #4A83F7 !important;
|
|
|
- width: 30px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
+ .layui-input-suffix {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #0070CE !important;
|
|
|
+ background-color: #4A83F7 !important;
|
|
|
+ width: 30px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
|
|
|
- .layui-icon-search:before {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
+ .layui-icon-search:before {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
|
|
|
|
|
|
|
|
|
- .layui-input:hover,
|
|
|
- .layui-textarea:hover {
|
|
|
- border-color: #0070CE !important;
|
|
|
- }
|
|
|
+ .layui-input:hover,
|
|
|
+ .layui-textarea:hover {
|
|
|
+ border-color: #0070CE !important;
|
|
|
+ }
|
|
|
|
|
|
- .layui-input:focus,
|
|
|
- .layui-textarea:focus {
|
|
|
- border-color: #5BD1D9 !important;
|
|
|
- }
|
|
|
+ .layui-input:focus,
|
|
|
+ .layui-textarea:focus {
|
|
|
+ border-color: #5BD1D9 !important;
|
|
|
+ }
|
|
|
|
|
|
- #container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
+ #container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
|
|
|
- .map-content {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- height: 100vh;
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
+ .map-content {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
|
|
|
- .input-layer {
|
|
|
- position: absolute;
|
|
|
- top: 50px;
|
|
|
- left: 30px;
|
|
|
- z-index: 1000;
|
|
|
+ .input-layer {
|
|
|
+ position: absolute;
|
|
|
+ top: 50px;
|
|
|
+ left: 30px;
|
|
|
+ z-index: 1000;
|
|
|
|
|
|
- }
|
|
|
+ }
|
|
|
</style>
|
