在下一个JS中显示arcgis地图上多个坐标的信息窗口

<div id="mapView"></div>

require([
  "esri/Map",
  "esri/views/MapView",
  "esri/geometry/Point",
  "esri/Graphic",
  "esri/layers/GraphicsLayer",
  "esri/widgets/Popup"
], function(Map, MapView, Point, Graphic, GraphicsLayer, Popup) {
  var map = new Map({
    basemap: "streets"
  });

  var view = new MapView({
    container: "mapView",
    map: map,
    center: [longitude, latitude], // 地图中心点的经纬度坐标
    zoom: 10 // 缩放级别
  });

  var graphicsLayer = new GraphicsLayer();
  map.add(graphicsLayer);

  // 创建多个坐标点
  var coordinates = [
    { longitude: lon1, latitude: lat1 },
    { longitude: lon2, latitude: lat2 },
    // 添加更多的坐标点...
  ];

  // 在地图上显示多个坐标点和信息窗口
  coordinates.forEach(function(coord) {
    var point = new Point({
      longitude: coord.longitude,
      latitude: coord.latitude
    });

    var graphic = new Graphic({
      geometry: point,
      symbol: {
        type: "simple-marker",
        color: "blue",
        size: "10px"
      },
      attributes: {
        name: "Location"
      },
      popupTemplate: {
        title: "{name}",
        content: "经度: {longitude}<br>纬度: {latitude}"
      }
    });

    graphicsLayer.add(graphic);
  });

  // 配置信息窗口弹出样式
  var popup = new Popup({
    dockEnabled: true,
    dockOptions: {
      position: "top-right",
      breakpoint: false
    }
  });

  view.popup = popup;
});