1:html
// THML 页面显示
<div class="one-middle-top">
<!-- 地图 -->
<div style="width:100%;height:100%;" id="dituContent">
</div>
#2:基于4.17 版本
// 基于4.17 版本 样式及JS引入
<link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/themes/light/main.css"/>
<script src="https://js.arcgis.com/4.17/"></script>
#3:JS
// 插件参数配置
require([
"esri/Map",
"esri/views/SceneView",
"esri/symbols/PictureMarkerSymbol",
"esri/geometry/Point",
"esri/Graphic",
"esri/layers/GraphicsLayer"
], function(Map, SceneView,PictureMarkerSymbol,Point,Graphic,GraphicsLayer) {
var map = new Map({
basemap: "gray"
});
var view = new SceneView({
container: "viewDiv",
map: map,
zoom: 12,
center: [0, 0]
});
var gLayer = new GraphicsLayer();
map.add(gLayer);
var symbol = {
type: "picture-marker",
url: ctxPath+"/js/map/bigScreen/images/tubiao/ycy.png",//自定义图片地址
width: "22px",
height: "28px"
};
var point = new Point(0,0);
var gp = new Graphic(point,symbol);
gLayer.graphics.add(gp);//添加到地图图层中显示
});
#4:效果展示