@vcmap/ui 5.1.3 → 5.1.4

package/src/navigation/overviewMap.js

@@ -11,6 +11,7 @@ import {
   Extent,
   Viewpoint,
   deserializeLayer,
+  maxZIndex,
 } from '@vcmap/core';
 import Point from 'ol/geom/Point.js';
 import Feature from 'ol/Feature.js';
@@ -454,23 +455,25 @@ class OverviewMap {
    * @private
    */
   _obliqueImageChange(image) {
-    const { source } = this._obliqueImageLayer;
-    if (this._obliqueViewDirection !== image.viewDirection) {
-      this._obliqueViewDirection = image.viewDirection;
-      source.changed();
-    }
-    const activeFeature = source.getFeatureById(image.name);
-    if (activeFeature) {
-      this._obliqueSelectedImageLayer.removeAllFeatures();
-      this._obliqueSelectedImageLayer.addFeatures([activeFeature]);
-      const extent = new Extent({
-        coordinates: activeFeature.getGeometry().getExtent(),
-        projection: mercatorProjection.toJSON(),
-      });
-
-      const vp = Viewpoint.createViewpointFromExtent(extent);
-      vp.distance /= this._obliqueResolutionFactor;
-      this._map.gotoViewpoint(vp);
+    if (image) {
+      const { source } = this._obliqueImageLayer;
+      if (this._obliqueViewDirection !== image.viewDirection) {
+        this._obliqueViewDirection = image.viewDirection;
+        source.changed();
+      }
+      const activeFeature = source.getFeatureById(image.name);
+      if (activeFeature) {
+        this._obliqueSelectedImageLayer.removeAllFeatures();
+        this._obliqueSelectedImageLayer.addFeatures([activeFeature]);
+        const extent = new Extent({
+          coordinates: activeFeature.getGeometry().getExtent(),
+          projection: mercatorProjection.toJSON(),
+        });
+
+        const vp = Viewpoint.createViewpointFromExtent(extent);
+        vp.distance /= this._obliqueResolutionFactor;
+        this._map.gotoViewpoint(vp);
+      }
     }
   }
 
@@ -492,7 +495,7 @@ class OverviewMap {
     this._obliqueTileLayer = new VectorLayer({
       projection: mercatorProjection.toJSON(),
       style: obliqueTileStyle,
-      zIndex: 1,
+      zIndex: maxZIndex - 3,
     });
     this._obliqueTileLayer[overviewMapLayerSymbol] = true;
 
@@ -507,11 +510,13 @@ class OverviewMap {
     this._obliqueImageLayer = new VectorLayer({
       projection: mercatorProjection.toJSON(),
       style: obliqueImageStyle,
+      zIndex: maxZIndex - 2,
     });
     this._obliqueImageLayer[overviewMapLayerSymbol] = true;
     this._obliqueSelectedImageLayer = new VectorLayer({
       projection: mercatorProjection.toJSON(),
       style: this.obliqueSelectedStyle,
+      zIndex: maxZIndex - 1,
     });
     this._obliqueSelectedImageLayer[overviewMapLayerSymbol] = true;
     this._map.layerCollection.add(this._obliqueImageLayer);
@@ -539,7 +544,7 @@ class OverviewMap {
     if (!this._cameraIconLayer) {
       this._cameraIconLayer = new VectorLayer({
         projection: mercatorProjection.toJSON(),
-        zIndex: 50,
+        zIndex: maxZIndex,
       });
       this._cameraIconLayer[overviewMapLayerSymbol] = true;
       this._map.layerCollection.add(this._cameraIconLayer);

package/dist/assets/index-0abd9815.js

@@ -1 +0,0 @@
-import{initAppFromAppConfig as p}from"./ui.f85ce1.js";p("#app","app.config.json");