企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
官方API:https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html ![](https://box.kancloud.cn/55ec7223eb59b4ee3ff1ed469ac3db4f_296x224.jpg) ~~~ // 随机生成坐标 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', 'dojo/domReady!' ], function(Map, MapView, Graphic, GraphicsLayer) { 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<30; i++) { coord = generateRandomCoord(); pointGraphic = new Graphic({ geometry: { type: "point", longitude: coord[0], latitude: coord[1] }, symbol: { type: "text", color: 'red', text: "Hello-"+i, haloColor: 'red', // 光晕 haloSize: '3px', // xoffset: 3, // yoffset: 3, // rotated: 30, font: { // autocasts as new Font() size: 12, family: "sans-serif", weight: "bolder" } } }); pointGraphicArr.push(pointGraphic); } graphicLayer.addMany(pointGraphicArr); }); ~~~