arcgis js graphic绘制html

ArcGIS JavaScript API中的Graphic对象可以用来绘制地图上的图形，它可以是点、线、面等，也可以是自定义的图形。要在HTML中绘制Graphic对象，可以使用以下步骤：

1. 引入ArcGIS JavaScript API的库文件和样式表：

<link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/css/main.css">
<script src="https://js.arcgis.com/4.16/"></script>

2. 创建一个地图容器：

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

3. 在JavaScript代码中创建地图和Graphic对象：

require([
  "esri/Map",
  "esri/views/MapView",
  "esri/Graphic"
], function(Map, MapView, Graphic) {
  var map = new Map({
    basemap: "streets-navigation-vector"
  });
  var view = new MapView({
    container: "mapView",
    map: map,
    center: [-118.805, 34.027],
    zoom: 13
  });
  var graphic = new Graphic({
    geometry: {
      type: "point",
      longitude: -118.805,
      latitude: 34.027
    },
    symbol: {
      type: "simple-marker",
      color: "red",
      size: "20px"
    }
  });
  view.graphics.add(graphic);
});

这段代码创建了一个地图容器，然后在JavaScript代码中使用require函数引入Map、MapView和Graphic模块。接着创建了一个地图和地图视图，并设置了地图的中心点和缩放级别。最后创建了一个Graphic对象，设置了它的几何形状和符号，然后将它添加到地图视图的图形层中。这样就可以在HTML中绘制一个红色的点了。

需要注意的是，ArcGIS JavaScript API的使用需要一个开发者账号和API密钥。在使用前需要先注册开发者账号，然后将API密钥放在JavaScript代码中的require函数中。