Method selectPhoto

modules/core/PhotoSystem.js:417–459

* selectPhoto * Pass falsy values to deselect the layer and photo. * @param {string} layerID? - The layerID to select * @param {string} photoID? - The photoID to select

(layerID = null, photoID = null)

   * @param {string}  photoID? - The photoID to select
   */
  selectPhoto(layerID = null, photoID = null) {
    const context = this.context;
    const map = context.systems.map;
    const scene = context.systems.gfx.scene;

    const didChange = (this._currPhotoLayerID !== layerID || this._currPhotoID !== photoID);

    // If we're selecting a photo then make sure its layer is enabled too.
    if (this.photoLayerIDs.includes(layerID) && !this.isLayerEnabled(layerID)) {
      scene.enableLayers(layerID);
      return;  // exit to avoid infinite loop, we will be right back in here via `_layerchange` handler.
    }

    // Clear out any existing selection..
    this._currPhotoLayerID = null;
    this._currPhotoID = null;
    scene.clearClass('selectphoto');

    // Apply the new selection..
    if (photoID && this.photoLayerIDs.includes(layerID)) {
      const service = context.services[layerID];
      if (!service) return;

      this._currPhotoLayerID = layerID;
      this._currPhotoID = photoID;
      scene.setClass('selectphoto', layerID, photoID);

      // Try to show the viewer with the image selected..
      service.selectImageAsync(photoID)
        .then(photo => {
          if (!photo) return;
          if (photo.id !== this._currPhotoID) return;  // exit if something else is now selected
          if (this._currDetectionID) return;  // don't adjust the map if a detection is already selected

          if (didChange) {
            map.centerEase(photo.loc);
          }
        })
        .then(() => this.showViewer());
    }

    this._photoChanged();
  }


  /**