@@ -42,7 +42,7 @@ | |||
</div> | |||
<div class="placeChart" v-if="isPlace"> | |||
<div class="placeTitle">土地利用数据分析</div> | |||
<div class="placeTitle">疑似污染源统计</div> | |||
<land-use :dataList="landuseList" :color="landColor"></land-use> | |||
</div> | |||
</div> | |||
@@ -656,7 +656,7 @@ export default { | |||
this.view = new View({ | |||
// minZoom: 11, | |||
maxZoom: 19, | |||
maxZoom: 18.9, | |||
zoom: 15, | |||
center: transform([118.89744, 31.889104], "EPSG:4326", "EPSG:3857"), | |||
}); | |||
@@ -1338,9 +1338,7 @@ body { | |||
.mapItem { | |||
display: flex; | |||
} | |||
.google .mapText { | |||
width: 0.8rem; | |||
} | |||
.mapText { | |||
width: 0.6rem; | |||
height: 0.24rem; | |||
@@ -1362,7 +1360,10 @@ body { | |||
cursor: pointer; | |||
} | |||
.google { | |||
margin-left: -0.16rem; | |||
margin-left: -0.06rem; | |||
} | |||
.google .mapText { | |||
width: 0.8rem; | |||
} | |||
#changeMap input { | |||
display: none; |
@@ -49,8 +49,8 @@ export default { | |||
}, | |||
}); | |||
chart.coordinate("theta", { | |||
radius: 0.55, | |||
innerRadius: 0.6, | |||
radius: 0.65, | |||
innerRadius: 0.7, | |||
}); | |||
chart.tooltip({ | |||
showTitle: false, | |||
@@ -62,36 +62,36 @@ export default { | |||
// 辅助文本 | |||
chart | |||
.annotation() // 注释 | |||
// .text({ | |||
// position: ["50%", "50%"], | |||
// content: "疑似污染源", | |||
// style: { | |||
// fontSize: 12, | |||
// fill: "#333", | |||
// textAlign: "center", | |||
// }, | |||
// offsetY: -5, | |||
// }) | |||
.text({ | |||
position: ["50%", "50%"], | |||
content: "土地利用占比", | |||
content: "单位 ", | |||
style: { | |||
fontSize: 12, | |||
fill: "#333", | |||
textAlign: "center", | |||
}, | |||
offsetY: -5, | |||
}) | |||
.text({ | |||
position: ["50%", "50%"], | |||
content: "单位:", | |||
style: { | |||
fontSize: 10, | |||
fill: "#333", | |||
textAlign: "center", | |||
}, | |||
offsetX: -10, | |||
offsetY: 20, | |||
offsetY: 0, | |||
}) | |||
.text({ | |||
position: ["50%", "50%"], | |||
content: "公顷", | |||
content: " (公顷)", | |||
style: { | |||
fontSize: 10, | |||
fontSize: 12, | |||
fill: "#333", | |||
textAlign: "center", | |||
}, | |||
offsetY: 20, | |||
offsetY: 0, | |||
offsetX: 15, | |||
}); | |||
chart |
@@ -2,13 +2,13 @@ | |||
<div id="placeComponent"> | |||
<!-- 点数据 --> | |||
<p class="popupNav"> | |||
<span class="title">土地利用详情</span> | |||
<span class="title">疑似污染源详情</span> | |||
<img class="closePopup" src="../../assets/img/gisdemo/close.png" alt="" @click="closeOverlay"> | |||
</p> | |||
<ul class="paramsList"> | |||
<li class="placeValue">用地类型:{{dataList.lc}}</li> | |||
<li class="placeValue">占地面积为:{{(parseFloat(dataList.area)/10000).toFixed(2)}}公顷</li> | |||
<li class="placeValue">土地占比:{{parseFloat(dataList.ratio).toFixed(2)}}%</li> | |||
<li class="placeValue">污染源类型:{{dataList.lc}}</li> | |||
<li class="placeValue">面积:{{(parseFloat(dataList.area)/10000).toFixed(2)}}公顷</li> | |||
<li class="placeValue">占比:{{parseFloat(dataList.ratio).toFixed(2)}}%</li> | |||
</ul> | |||
<!-- 土地数据 --> |