互联网-社管一张图-定位，需求反馈，定位超出范围时，给弹窗提示“超出范围，无法定位该位置”

src/components/easyMap/func/location.ts

@@ -7,6 +7,7 @@ import * as proj from 'ol/proj'
 import * as interaction from 'ol/interaction'
 import * as coordinate from 'ol/coordinate'
 import * as format from "ol/format";
+import {fromExtent} from 'ol/geom/Polygon';
 // @ts-ignore
 import LocationImg from '../images/location.png'
 import {ElMessage} from "element-plus";
@@ -16,6 +17,14 @@ export let locationTooltipElement
 export default function Location ({map, position = null, wkt = null, zoom = null, color = '#039ff3'}) {
     try {
         const feat: any = new format.WKT().readFeature(position ? `POINT(${position[0]} ${position[1]})` : wkt)
+        const mapViewExtent = map.getView().get('extent')
+        if (mapViewExtent) {
+            const poly = fromExtent(mapViewExtent)
+            if (!poly.intersectsCoordinate(feat.getGeometry().getCoordinates())) {
+                ElMessage.warning('超出范围，无法定位该位置!')
+                return
+            }
+        }
         let _source
         const realLayer = map.getLayers().getArray().filter(v => v.get(layerFlag[0]) === layerFlag[1])
         if (realLayer[0]) {

src/components/easyMap/ol-map.vue

@@ -49,7 +49,7 @@
     },
     props: {
       baseMapLayers: { default: () => [] },
-      baseMapView: {},
+      baseMapView: <any>{},
     },
     setup(props, { emit }) {
       const store = useStore();
@@ -63,7 +63,7 @@
           formatLatitude: <any>null,
         },
         interactionZoom: props.baseMapView.zoom,
-        realBaseLayers: null,
+        realBaseLayers: <any>null,
       });
       const easyMapOl = ref()
       const ref_easyMapOl = ref()
@@ -72,6 +72,10 @@
       const ref_easyMap_scaleLine = ref()
       const initMap = () => {
         state.realBaseLayers = props.baseMapLayers.map(v => InitMapInfoClass.isInternet ? InitMapInfoClass.initInternet(v) : InitMapInfoClass.initBaseLayer(v))
+        const view = new ol.View(props.baseMapView)
+        for (const baseMapViewKey in props.baseMapView) {
+          view.set(baseMapViewKey, props.baseMapView[baseMapViewKey])
+        }
         easyMapOl.value = new ol.Map({
           target: ref_easyMapOl.value,
           layers: [
@@ -81,7 +85,7 @@
               zIndex: 1
             }),
           ],
-          view: new ol.View(props.baseMapView),
+          view: view,
           controls: control.defaults({
             attribution: false,
             rotate: false,