arcgis.js は、マップ本体の表示範囲を制御し、領域を超えた場合に自動的にバウンスするようにします (実装のアイデア)

背景

少し前に、会社のプロジェクトで問題が発生しました。地図のベースマップ領域の範囲が一部しかありません。現在の範囲を超えると、白い背景が表示され、使用効果の面で非常に悪いです。付随する要件は、地図をズームアウトする必要があり、マウスで地図をベースマップの表示範囲を超えて移動した場合、ベースマップをリバウンドする必要があることです。

効果

アイデア

1. arcgis.js は表示範囲を制御し、ベースマップの表示範囲を超えると自動的に戻ります。 (1) マップが作成された後、リスナーイベントを使用してマップ範囲の変更をリッスンし、shwoExtent メソッドを呼び出します。これにより、マップの左上隅と右下隅の値を渡します。

this.gisMap.on('範囲変更',this.showExtent)

（２）地図の最大表示範囲の全域を基準に、現在の地図表示範囲が地図の可視範囲を超えているかどうかを判定する。範囲を超えている場合は、地図の最大範囲を表示し、地図をリバウンドさせる。

コードスニペット

// ハイライトされたブロック
フルエクステント = {
    x分: xx,
    y最小: xx,
    xmax: xx,
    ymax: xx,
   }
表示範囲(extS){
   ext = extS.extent とします。  
    (ext.xmin<this.fullExtent.xmin||ext.xmax>this.fullExtent.xmax||ext.ymax>this.fullExtent.ymax||ext.ymin<this.fullExtent.ymin) の場合 {
    fullExtent = new esri.geometry.Extent( とする
     {
      ...this.fullExtent、 
      spatialReference:new esri.SpatialReference({ wkid: parseInt(4490) }) //SpatialReference はマップの座標系を設定します}
    );
    gisMap の Extent を fullExtent に設定します。
   }
  },

参照ドキュメント: https://developers.arcgis.com/javascript/3/jsapi/extent-amd.html

注: ドキュメントを参照するときは、プロジェクトで使用されている arcgis.js のバージョンを知っておく必要があります。

arcgis.js がマップ本体の表示範囲を制御し、表示範囲が領域を超えた場合に自動的にリバウンドする方法についての説明はこれで終わりです。arcgis.js マップ表示範囲に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。