使用的模塊：SimpleMarkerSymbol 官方示例：https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html svg在線繪制：https://c.runoob.com/more/svgeditor/  ~~~ // 隨機生成坐標 function generateRandomCoord(type) { switch(type) { case 'w': // 世界 return [Math.random()*180-Math.random()*180, Math.random()*90-Math.random()*90]; break; case 's': // 特定范圍 return [103+Math.random()*(108-103), 22+Math.random()*(25-22)]; default: // 中國 return [74+Math.random()*(135-74), 1+Math.random()*(53-1)]; break; } } require([ 'esri/Map', 'esri/views/MapView', 'esri/Graphic', 'esri/layers/GraphicsLayer', 'esri/symbols/SimpleMarkerSymbol', 'dojo/domReady!' ], function(Map, MapView, Graphic, GraphicsLayer, SimpleMarkerSymbol) { var map = new Map({ basemap: 'streets' // dark-gray }); var mapView = new MapView({ map: map, container: 'js_map', center: [102.9331224074, 25.1049040686], zoom: 3, // rotation: -127.7 }); // graphicLayer var graphicLayer = new GraphicsLayer(); map.layers.add(graphicLayer); // 點 var pointGraphicArr = [], pointGraphic, coord; for(var i=0; i<50; i++) { coord = generateRandomCoord(); pointGraphic = new Graphic({ geometry: { type: "point", longitude: coord[0], latitude: coord[1] }, symbol: { type: "simple-marker", // style: "square", 預定義形狀 path: "m95.22775,67.98851c16.07951,-41.09011 79.07956,0 0,52.83014c-79.07956,-52.83014 -16.07951,-93.92025 0,-52.83014z", color: "blue", size: "40px", outline: { color: [~~(Math.round(Math.random()*255)), ~~(Math.round(Math.random()*255)), ~~(Math.round(Math.random()*255))], width: 10 } } }); pointGraphicArr.push(pointGraphic); } graphicLayer.addMany(pointGraphicArr); }); ~~~