|
|
@ -32,7 +32,7 @@ |
|
|
|
class="ol-popup-closer"></a> |
|
|
|
<div id="popup-content" |
|
|
|
class="popup-content"></div> |
|
|
|
<a href="#" |
|
|
|
<a href="#" |
|
|
|
id="popup-goMore" |
|
|
|
class="popup-goMore">更多>>>></a> |
|
|
|
</div> |
|
|
@ -107,9 +107,9 @@ let polygonColorArray = [ |
|
|
|
'rgba(183, 185, 0, 0.16)' |
|
|
|
]; |
|
|
|
|
|
|
|
//icon文字样式 |
|
|
|
//icon文字样式 |
|
|
|
let createTextStyle = function (feature) { |
|
|
|
|
|
|
|
|
|
|
|
if (iconTextsStyle) { |
|
|
|
let iconTextsStyles = { ...iconTextsStyle } |
|
|
|
iconTextsStyles.text = feature.values_ && feature.values_.name || feature.name |
|
|
@ -224,11 +224,11 @@ const vueGis = { |
|
|
|
// iconArrays.forEach(item => { |
|
|
|
// console.log(item.type, item.urlIndex, item.latitude, item.longitude) |
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//初始化地图 |
|
|
|
this.initMap() |
|
|
|
|
|
|
|
|
|
|
|
if (this.showPolIconLayer) { |
|
|
|
console.log('showPolIconLayer++++++++++++++++++++++', this.showPolIconLayer) |
|
|
|
//初始化多边形标注图层 |
|
|
@ -242,7 +242,7 @@ const vueGis = { |
|
|
|
//加载当前园区的标注 |
|
|
|
this.loadPolygon() |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (this.showIconLayer) { |
|
|
|
//初始化icon图层 |
|
|
@ -262,14 +262,14 @@ const vueGis = { |
|
|
|
//刷新地图 |
|
|
|
async refreshMap (mapInfo, polygonArray, iconArrays) { |
|
|
|
this.mapInfo = mapInfo |
|
|
|
this.polygonArray = [] |
|
|
|
this.polygonArray = [] |
|
|
|
this.polygonArray = polygonArray |
|
|
|
this.iconArrays = iconArrays |
|
|
|
iconSource.clear() |
|
|
|
polygonSource.clear() |
|
|
|
polIconSource.clear() |
|
|
|
this.initPolIconLayer() |
|
|
|
|
|
|
|
|
|
|
|
if (this.showPolygonLayer) { |
|
|
|
this.initPolygonLayer() |
|
|
|
//加载当前园区的标注 |
|
|
@ -287,7 +287,7 @@ const vueGis = { |
|
|
|
} |
|
|
|
this.setMapLocation() |
|
|
|
// gaodeMapLayer.getSource().changed() |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//加载区域多边形 |
|
|
@ -305,7 +305,7 @@ const vueGis = { |
|
|
|
|
|
|
|
oneData = { |
|
|
|
type: 'Feature', |
|
|
|
|
|
|
|
|
|
|
|
properties: { ...polygonItem }, |
|
|
|
geometry: { |
|
|
|
type: 'Polygon', |
|
|
@ -345,7 +345,7 @@ const vueGis = { |
|
|
|
if (this.showPolIconLayer) { |
|
|
|
this.loadPolIcon(feature) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
@ -549,9 +549,9 @@ const vueGis = { |
|
|
|
} |
|
|
|
mapView.setZoom(this.zoom); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
firstCentermap() { |
|
|
|
firstCentermap () { |
|
|
|
if (this.mapInfo.longitude && this.mapInfo.latitude) { |
|
|
|
this.centerPoint = [] |
|
|
|
this.centerPoint.push(this.mapInfo.longitude) |
|
|
@ -743,14 +743,14 @@ const vueGis = { |
|
|
|
this.overlay.getElement().parentNode.parentNode.style.display = 'block' |
|
|
|
content.innerHTML = showData; |
|
|
|
this.overlay.setPosition(coordinate); |
|
|
|
//把 overlay 显示到指定的 x,y坐标 |
|
|
|
|
|
|
|
//把 overlay 显示到指定的 x,y坐标 |
|
|
|
|
|
|
|
}, |
|
|
|
// 关闭弹窗 |
|
|
|
handleClosePopup() { |
|
|
|
this.overlay.setPosition(undefined); |
|
|
|
document.getElementById("popup-closer").blur(); |
|
|
|
return false; |
|
|
|
handleClosePopup () { |
|
|
|
this.overlay.setPosition(undefined); |
|
|
|
document.getElementById("popup-closer").blur(); |
|
|
|
return false; |
|
|
|
}, |
|
|
|
|
|
|
|
//取随机数 |
|
|
@ -895,7 +895,7 @@ export default vueGis; |
|
|
|
.popup-content { |
|
|
|
width: 300px; |
|
|
|
} |
|
|
|
.popup-goMore{ |
|
|
|
.popup-goMore { |
|
|
|
margin: 20px 0; |
|
|
|
} |
|
|
|
.ol-popup-closer:after { |
|
|
|