已知图片中心点和图片对角经纬度,在arcgis.js地图上展示图片

在ArcGIS JavaScript API中，如果你想在地图上根据图片的中心点和对角线经纬度显示图片，可以按照以下步骤操作：

1. **创建地图**: 首先，你需要初始化一个`Map`对象，并添加一个服务层（例如`agsLayer`），它将包含地理参考信息。

var map = new esri.Map("mapDiv", {
  basemap: "streets",
  center: [经度, 纬度], // 图片中心点的经纬度
  zoom: 10 // 初始缩放级别
});

var agsLayer = new esri.layers.ArcGISDynamicMapServiceLayer(yourServiceURL);
map.addLayer(agsLayer);

2. **计算图片视图范围**: 根据对角线经纬度确定图片的视图范围。由于对角线通常用于表示图像的最大边界，你可以通过两点间距离公式计算出最大宽度和高度，然后根据地图比例尺设置合理的视图范围。

function getViewBoundingBox(diagonalLatitude, diagonalLongitude) {
  var xDelta = diagonalLongitude - map.extent.xmin;
  var yDelta = map.extent.ymax - diagonalLatitude;
  
  var halfWidth = xDelta / 2;
  var halfHeight = yDelta / 2;
  var viewExtent = new esri.geometry.Extent(
    map.extent.xmin - halfWidth,
    diagonalLatitude - halfHeight,
    map.extent.xmax + halfWidth,
    map.extent.ymax + halfHeight,
    map.spatialReference
  );
  return viewExtent;
}

3. **加载并显示图片**: 使用`esri/views/MapView`中的`show`方法，传递计算出的视图范围和图片路径。

var mapView = new esri.views.MapView({
  container: "imageContainer",
  map: map,
  extent: getViewBoundingBox(centerLat, centerLng)
});

// 假设imgPath是你的图片URL
var imageSource = new esri.layers.RasterImageLayer({
  url: imgPath,
  credit: "Your Credit"
});
mapView.when(() => {
  mapView.ui.add(imageSource, "top-right");
});

请注意，这只是一个基础示例，实际应用中可能需要处理图片加载失败、网络延迟等问题。