カスタムオーバーレイ画像は（ソースコードのダウンロードと）地図フォトギャラリーを達成するための層を重ね合わせたJS用のArcGIS API 4.xの

序文

、ArcGISのはJSのAPI 4.xの公式ウェブサイトESRI見る読み取ることができないAPI関与するクラスを達成するために使用Benpian機能について：ESRIの公式サイトのAPI、詳細に紹介のArcGIS API 4.xの各クラスを記述し、そこにありますオンライン例：ESRIの公式サイトのオンラインの例としては、これは良い学習教材ののArcGIS API 4.xのです。

一目でわかります

JSマップオーバーレイ画像効果を達成するためのArcGIS API 4.xの
ソースコードのデモをダウンロードします

レンダリングを実現します：

アイデアの実現

ArcGIS API 4.xのインタフェースBaseDynamicLayer.createSubclass（{}）によってカスタム層を提供し、オーバレイ層の画像を作成し、マップオーバーレイ画像を得ます

• オーバーレイ画像層の呼び出しコードを作成します。

VaRの ImageOverlayLayer = 新しいCustomImageOverlayLayer（{ 
picUrl： "0.png" 、
程度：{XMIN： 113.3596、YMIN：23.1239、XMAX：113.3748、YMAX：23.1354 } 
}）。
map.add（ImageOverlayLayer）。

picUrl：イメージパスの
範囲：画像オーバーレイマップの表示範囲

• イメージオーバーレイ層の完全なコード

//自定义叠加图片图层
var CustomImageOverlayLayer = BaseDynamicLayer.createSubclass({
properties: {
picUrl: null,
extent:null,
image:null,
canvas:null,
},
 
// Override the getImageUrl() method to generate URL
// to an image for a given extent, width, and height.
getImageUrl: function(extent, width, height) {
//新Image对象，可以理解为DOM
if(!this.image){
this.image = new Image();
}
this.image.src = this.picUrl;
……

更多的详情见：GIS之家小专栏

文章尾部提供源代码下载，对本专栏感兴趣的话，可以关注一波