From bc82fdb43bc30c79b6cd1132150fdda88bed6177 Mon Sep 17 00:00:00 2001
From: QI_YUJIE <2878090898@qq.com>
Date: Wed, 7 Jun 2023 08:35:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=B8=AF=E8=B5=84=E6=BA=90?=
=?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
infoport/resource.html | 8 +-
infoport/static/js/project/resource.js | 100 ++++++++++++++++++++++++-
2 files changed, 101 insertions(+), 7 deletions(-)
diff --git a/infoport/resource.html b/infoport/resource.html
index 5b5f665..f56e014 100644
--- a/infoport/resource.html
+++ b/infoport/resource.html
@@ -13,7 +13,8 @@
-
+
+
@@ -130,11 +131,6 @@
-
diff --git a/infoport/static/js/project/resource.js b/infoport/static/js/project/resource.js
index 47fd41f..7956d4b 100644
--- a/infoport/static/js/project/resource.js
+++ b/infoport/static/js/project/resource.js
@@ -18,7 +18,9 @@ define(['jquery', "template", "Tools", "paging", 'dateTime', 'swiper'], function
dictValue:'',
dictLabel:'全部'
}],
- propertyDetail:{}
+ propertyDetail:{},
+ map: '', // 地图图层
+ resourceLayer: '', // 资产图层
},
};
var tools = new Tools();
@@ -46,6 +48,8 @@ define(['jquery', "template", "Tools", "paging", 'dateTime', 'swiper'], function
module.data.leader = data.data.leader;
var propertyDetailData = template('propertyDetailData', module.data);
$("#propertyDetailContent").html(propertyDetailData);
+ module.data.map.getView().setCenter(ol.proj.fromLonLat([data.data.lng, data.data.lat]));
+ module.data.map.getView().setZoom(13);
}
}
@@ -86,12 +90,53 @@ define(['jquery', "template", "Tools", "paging", 'dateTime', 'swiper'], function
})
}
module.data.propertyList = content;
+ // 添加资产图层
+ addResourceLayer(content);
// $('#page_s1').html('共' + 10 + '页')
var propertyData = template('propertyData', module.data);
$("#propertyContent").html(propertyData);
}
}
+ // 添加资产图层
+ addResourceLayer = function (content) {
+ if (module.data.resourceLayer) {
+ module.data.map.removeLayer(module.data.resourceLayer);
+ module.data.resourceLayer = '';
+ }
+ let features = [];
+ content.forEach(item => {
+ if (item.theGeom != null && item.theGeom !== '') {
+ const iconFeature = new ol.Feature({
+ geometry: new ol.geom.MultiPolygon(JSON.parse(item.theGeomJson).coordinates),
+ // name: item.centerName,
+ // centerDeptId: item.deptId,
+ level: 'resource',
+ });
+ features.push(iconFeature);
+ }
+ });
+ const vectorSource = new ol.source.Vector({
+ features: features,
+ });
+ module.data.resourceLayer = new ol.layer.Vector({
+ source: vectorSource,
+ name: 'resourceLayer',
+ style: new ol.style.Style({
+ fill: new ol.style.Fill({
+ //矢量图层填充颜色，以及透明度
+ color: "rgba(255, 255, 0, 0.3)",
+ }),
+ stroke: new ol.style.Stroke({
+ //边界样式
+ color: "#ffff00",
+ width: 2,
+ }),
+ })
+ });
+ module.data.map.getLayers().insertAt(3, module.data.resourceLayer);
+ }
+
openDialog = function(id){
tools.doGet(resourceGet+id, {translate_dict: 1}, module.assetDetail , true);
}
@@ -142,9 +187,62 @@ define(['jquery', "template", "Tools", "paging", 'dateTime', 'swiper'], function
$("#treeselectContent").html(treeselectData);
var treeselectSecondData = template('treeselectSecondData', module.data);
$("#treeselectSecondContent").html(treeselectSecondData);
+ initMap(data.data[0]);
}
}
+ initMap = function (dept) {
+ let mapCenterLocation;
+ if (dept.lng && dept.lat) {
+ mapCenterLocation = [dept.lng, dept.lat];
+ } else {
+ mapCenterLocation = [116.391461, 39.902359];
+ }
+
+ document.getElementById("container").innerHTML = "";
+ // 定义地图投影
+ let projection = new ol.proj.Projection({
+ code: "EPSG:3857",
+ units: "degrees",
+ });
+ // 定义地图图层
+ let aerial = new ol.layer.Tile({
+ source: new ol.source.XYZ({
+ url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+ "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+ "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+ }),
+ isGroup: true,
+ name: "卫星影像图",
+ });
+ let yingxzi = new ol.layer.Tile({
+ source: new ol.source.XYZ({
+ url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
+ }),
+ isGroup: true,
+ name: "天地图文字标注--卫星影像图",
+ });
+ //加载地图
+ module.data.map = new ol.Map({
+ controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([new ol.control.FullScreen()]),
+ layers: [aerial, yingxzi],
+ projection: projection,
+ target: "container",
+ view: new ol.View({
+ center: ol.proj.fromLonLat(mapCenterLocation), // 地图中心坐标
+ zoom: 13,
+ minZoom: 1, //地图缩小限制
+ maxZoom: 18, //地图放大限制
+ // extent: [13481224.75161,5667110.83528,13811063.06278,5880284.11416]
+ }),
+ /*interactions: ol.interaction.defaults({
+ doubleClickZoom: false, // 双击放大地图
+ // mouseWheelZoom: false, // 鼠标滚轮放大地图
+ // shiftDragZoom: false, // shift + 鼠标左键拖拽 放大地图
+ })*/
+ });
+ }
+
selectChange = function(){
// tools.doGet(treeselectSecond+$('#treeselectContent').val(), {}, module.selectSecondChange , true);
if ($('#treeselectContent').val() == 100){