## 一、通過graphic的增刪模擬（2000+數據就嗝屁了）  ~~~ // 隨機生成坐標 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; } } // 點 var pointGraphicArr = [], pointGraphic, coord; function createMultiPoint(isRemove) { if(pointGraphicArr.length) { mapView.popup.close(); // 關閉彈層 mapView.graphics.removeMany(pointGraphicArr); // 刪除graphics點 pointGraphicArr = []; // 清空數組 } for(var i=0; i<50; i++) { coord = generateRandomCoord(); if(!pointGraphicArr.length) { pointGraphic = new Graphic({ geometry: { type: "point", longitude: coord[0], latitude: coord[1] }, symbol: { type: "simple-marker", color: [226, 119, 40], outline: { color: [255, 255, 255], width: 2 } }, popupTemplate: { title: "自定義彈層標題", content: '<div style="padding: 20px;border: 1px solid #333;font-size: 14px;color: #f00;">Hello ArcGis地圖.</div>' } }); } else { pointGraphic = pointGraphicArr[0].clone(); // 克隆對象 pointGraphic.geometry.longitude = coord[0]; pointGraphic.geometry.latitude = coord[1]; } pointGraphicArr.push(pointGraphic); } mapView.graphics.addMany(pointGraphicArr); } mapView.when(function() { createMultiPoint(); setInterval(function() { // 定時處理 createMultiPoint(); }, 3000); }); ~~~ ## 二、multipoint方式（上萬點數據） ~~~ var coordsArr = []; for(var i=0; i<11550; i++) { coordsArr.push(generateRandomCoord()); } var pointGraphic = new Graphic({ geometry: { type: 'multipoint', points: coordsArr }, symbol: { type: "simple-marker", color: [226, 119, 40], outline: { color: [255, 255, 255], width: 2 } } }); mapView.graphics.add(pointGraphic); mapView.when(function() { var startTime = Date.now(); var timer = setInterval(function() { // 定時器 if(Date.now()-startTime < 2210000) { coordsArr = []; for(var i=0; i<11150; i++) { coordsArr.push(generateRandomCoord()); } // graphicLayer.graphics.items.forEach(function(v) { // v.geometry = { // type: "multipoint", // points: coordsArr // } // }); pointGraphic.geometry = { type: "multipoint", points: coordsArr } } else { clearInterval(timer); } }, 1000); }); ~~~