ry-vue-map 0.1.9 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ry-vue-map",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "private": false,
   "main": "lib/ryui.umd.min.js",
   "description": "ry公共组件库",
@@ -38,7 +38,7 @@
     "element-ui": "~2.15.6",
     "nprogress": "~0.2.0",
     "ol": "^6.14.1",
-    "ry-map": "^0.3.1",
+    "ry-map": "^0.3.2",
     "vue": "~2.6.14",
     "vue-router": "~3.5.2",
     "vue-server-renderer": "^2.6.14",

package/src/components/maps/ryVectorMap/src/index.vue

@@ -16,7 +16,6 @@
 			isAnalysisCenter: {
 				type: Boolean,
 				default: true,
-				
 			},
 			modelArr : {
 			  type: Array,
@@ -25,7 +24,15 @@
 			delayTime:{
 				type: Number,
 				default: () =>50,
-			}
+			},
+			bindMapClick:{
+			  type: Boolean,
+			  default: false,
+			},
+			isDrag:{
+			  type: Boolean,
+			  default: true,
+			},		
 		},
 		data() {
 			return {
@@ -36,12 +43,25 @@
 				vmap:null,
 				lastX: 0,
 				lastY: 0,
+				moveend: null,
+				polygonMap:null,
 			}
 		},
 		watch: {
           modelArr(val){
 			  this.initLayers(val);
 		  },
+		  bindMapClick(val) {
+		  	if (this.bindMapClick !== val) {
+		  		this.bindMapClick = val;
+		  		this._bingMapEvent();
+		  	}
+		  },
+		  polygonColor(val) {
+		    if (val) {
+		      this.setPolygonColor(val.id, val.colorArr);
+		    }
+		  },
 		},
 		mounted() {
 
@@ -56,10 +76,13 @@
 					isAnalysisBBOX:this.isAnalysisBBOX,
 					isAnalysisCenter:this.isAnalysisCenter,
 					delayTime:this.delayTime,
+					isDrag:this.isDrag,
 					callback: r => this.$emit('initLayersEvent', r),
 				});
 				this.map=map;
 				this.vmap=vmap;
+				this.polygonMap=vmap.getLayerMap;
+				this._bingMapEvent();
 				this.$emit('load', {
 					map,
 					vmap
@@ -71,7 +94,60 @@
 			initLayers(val){
 				if(!this.vmap) return;
 				this.vmap.initLayers(val);
-			}
+			},
+			_mapClickOnce(isBinClick = false) {
+				if (!this.mapClick) {
+					this.mapClick = evt => {
+						if (evt.dragging) {
+							return;
+						}
+						const pixel = this.map.getEventPixel(evt.originalEvent);
+						const hit = this.map.hasFeatureAtPixel(pixel);
+						if (hit) {				
+							　　　const _feature = this.map.forEachFeatureAtPixel(evt.pixel, feature => feature);
+							    const pro =_feature.getProperties();
+							    const view = this.map.getView();
+							    const [lon,lat]=view.getCenter();					
+								const _id = _feature.getId();			
+								if(pro){
+			                      	this.$emit('mapClick', {...pro,id: _id ? _id:null,lon,lat});	
+								}
+						}
+					};
+				}
+				if (isBinClick) {
+					this.map.un('click', this.mapClick);
+					this.mapClick = null;
+				} else {
+					this.map.on('click', this.mapClick);
+				}
+			},
+			_bingMapEvent() {
+				if (this.bindMapClick) {
+					this._mapClickOnce();
+				} else {
+					this._mapClickOnce(true);
+				}
+			},
+	
+			setPolygonColor(id, color, isLoad = true) {			  
+			  if (this.polygonMap.has(id)) {
+			    const polygon = this.polygonMap.get(id);
+			    polygon.setPolygonColor(color);
+			    if (isLoad) {
+			      this._setZoom();
+			    }
+			  }
+			},
+			// 刷新颜色
+			_setZoom() {
+			  const zoom = this.map.getView().getZoom();
+			  this.map.getView().setZoom(zoom + 0.00001);
+			  this.map.getView().setZoom(zoom - 0.0001);
+			},
+			
+			
+			
 		}
 	}
 </script>

package/src/utils/lMapServices.js

@@ -227,10 +227,11 @@ export default class LMapServices {
   }
 
  async initVectorMap(opt) {
- 	  const {el,isAnalysisBBOX,isAnalysisCenter,callback,delaytime} = opt;
+ 	  const {el,isAnalysisBBOX,isAnalysisCenter,callback,delaytime,isDrag} = opt;
  	  const vmap = new  VectorMap({
  	    isAnalysisBBOX,
  	    isAnalysisCenter,
+		isDrag,
  	    callback:r=> {
  	        if(callback){
  				callback(r);