Javascript PictureMarkerSymbol工作不正常_Javascript_Arcgis

Javascript PictureMarkerSymbol工作不正常

javascript

Javascript PictureMarkerSymbol工作不正常,javascript,arcgis,Javascript,Arcgis,这里我使用的是ArcGIS javascript库。我正在地图上添加闪烁点。所以我使用PictureMarkerSymbol在地图上创建图形，但它的工作方式出乎意料下面是我用来在地图上创建图形的代码：- <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/themes/light/mai

这里我使用的是ArcGIS javascript库。我正在地图上添加闪烁点。所以我使用PictureMarkerSymbol在地图上创建图形，但它的工作方式出乎意料

下面是我用来在地图上创建图形的代码：-

<!DOCTYPE html>
<html>
  <head>

    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.11/esri/themes/light/main.css"
    />
  </head>

  <body>
    <div id="viewDiv"></div>

     <script src="https://js.arcgis.com/4.11/"></script>

    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>

    <script>
      require([
        "esri/Map",
        "esri/views/MapView",
        "esri/Graphic",
        "esri/geometry/Point",
        "esri/Basemap"
      ], function(
        Map,
        MapView,
        Graphic,
        Point,
        Basemap
      ) {
        var map = new Map({
          basemap: "dark-gray"
        });

        var view = new MapView({
          center: [-80, 35],
          container: "viewDiv",
          map: map,
          zoom: 5,
        });

        let point =  new Point({
          latitude: "42.07611900",
          longitude: "-71.42270700"
        });

        // Create a graphic and add the geometry and symbol to it
        var pointGraphic = new Graphic({
          geometry: point,
          symbol: {
            type: "picture-marker", // autocasts as new SimpleMarkerSymbol()
            url: "https://cdn.dribbble.com/users/115303/screenshots/1367782/loading.gif",
            width: "50px",
            height: "50px"
          }
        });

        view.graphics.add(pointGraphic);
      });
    </script>
  </body>
</html>


html，
身体，
#视窗{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
要求([
“esri/Map”，
“esri/views/MapView”，
“esri/图形”，
“esri/几何体/点”，
“esri/基本图”
]，功能(
地图，
地图视图，
图解的
指向
地图功能
) {
var映射=新映射({
底图：“深灰色”
});
var view=新的地图视图({
中心：[-8035]，
容器：“viewDiv”，
地图：地图，
缩放：5，
});
设点=新点({
纬度：“42.07611900”，
经度：“-71.42270700”
});
//创建图形并向其添加几何图形和符号
var pointGraphic=新图形({
几何学：点，
符号：{
键入：“picture marker”，//自动广播为新的SimpleMarkerSymbol（）
url:“https://cdn.dribbble.com/users/115303/screenshots/1367782/loading.gif",
宽度：“50px”，
高度：“50px”
}
});
view.graphics.add（pointGraphic）；
});

当我执行上述代码时，它会在地图上显示黑点

这是我试图用动画在地图上显示的图像

但下面是代码的输出

您的代码运行良好。但是你的符号url
"http://cdn.dribbble.com/users/115303/screenshots/1367782/loading.gif”“不是吗
支持。请更改您的符号url并检查。
html，
身体，
#视窗{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
要求([
“esri/Map”，
“esri/views/MapView”，
“esri/图形”，
“esri/几何体/点”，
“esri/基本图”
]，功能(
地图，
地图视图，
图解的
指向
地图功能
) {
var映射=新映射({
底图：“深灰色”
});
var view=新的地图视图({
中心：[-8035]，
容器：“viewDiv”，
地图：地图，
缩放：5，
});
设点=新点({
纬度：“42.07611900”，
经度：“-71.42270700”
});
//创建图形并向其添加几何图形和符号
var pointGraphic=新图形({
几何学：点，
符号：{
键入：“picture marker”，//自动广播为新PictureMarkerSymbol（）
url:“https://developers.arcgis.com/labs/images/bluepin.png", 
宽度：“25px”，
高度：“25px”
}
});
view.graphics.add（pointGraphic）；
});

来自

已知限制：

IE11不支持将SVG路径呈现为图像
不支持动画gif/png图像。请参阅示例以了解如何使用WebGL完成此操作

演示了您要执行的操作。

-静态图像工作正常，但动画图像（gif、svg）不工作。实际上，我在这里使用的是svg图像，我只是显示gif图像来告诉动画图像不工作。我已经说过了，我只想在这里显示闪烁点。

 Your code working fine. but your symbol url 
 "http://cdn.dribbble.com/users/115303/screenshots/1367782/loading.gif" is not 
 supported. kindly change your symbol url and check. 

  <!DOCTYPE html>
  <html>
    <head>

     <link rel="stylesheet" 
         href="https://js.arcgis.com/4.11/esri/themes/light/main.css"
       />
  </head>

   <body>
    <div id="viewDiv"></div>

    <script src="https://js.arcgis.com/4.11/"></script>

<style>
  html,
  body,
  #viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
  }
</style>

<script>
  require([
    "esri/Map",
    "esri/views/MapView",
    "esri/Graphic",
    "esri/geometry/Point",
    "esri/Basemap"
  ], function(
    Map,
    MapView,
    Graphic,
    Point,
    Basemap
  ) {
    var map = new Map({
      basemap: "dark-gray"
    });

    var view = new MapView({
      center: [-80, 35],
      container: "viewDiv",
      map: map,
      zoom: 5,
    });

    let point =  new Point({
      latitude: "42.07611900",
      longitude: "-71.42270700"
    });

    // Create a graphic and add the geometry and symbol to it
    var pointGraphic = new Graphic({
      geometry: point,
      symbol: {
        type: "picture-marker", // autocasts as new PictureMarkerSymbol()
        url: "https://developers.arcgis.com/labs/images/bluepin.png", 
        width: "25px",
        height: "25px"
      }
    });

    view.graphics.add(pointGraphic);
  });
   </script>
  </body>
  </html>