| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -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 { | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
				
				 | 
				
					
  |