## 一、點位置變動  ~~~ // 隨機生成坐標 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: 6, // rotation: -127.7 }); // graphicLayer var graphicLayer = new GraphicsLayer(); map.layers.add(graphicLayer); // 點 var pointGraphic = new Graphic({ geometry: { type: "point", longitude: 102.91835013921454, latitude: 25.07329419928656 }, symbol: { type: "simple-marker", color: [226, 119, 40], outline: { color: [255, 255, 255], width: 2 } } }); graphicLayer.add(pointGraphic); mapView.when(function() { var startTime = Date.now(), coord; var timer = setInterval(function() { // 定時器 if(Date.now()-startTime < 10000) { coord = generateRandomCoord('s'); pointGraphic.geometry = { type: "point", longitude: coord[0], latitude: coord[1] } } else { clearInterval(timer); } }, 1000); }); }); ~~~ ## 二、彈層位置跟著變動  ~~~ var pointGraphic = new Graphic({ geometry: { type: "point", longitude: 102.91835013921454, latitude: 25.07329419928656 }, 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>' } }); graphicLayer.add(pointGraphic); mapView.when(function() { var startTime = Date.now(), coord; var timer = setInterval(function() { // 定時器 if(Date.now()-startTime < 100000) { coord = generateRandomCoord('s'); pointGraphic.geometry = { type: "point", longitude: coord[0], latitude: coord[1] } if(mapView.popup.visible) { // 如果彈層顯示，則更新位置 mapView.popup.open({ title: "自定義彈層標題", content: '<div style="padding: 20px;border: 1px solid #333;font-size: 14px;color: #f00;">Hello ArcGis地圖.</div>', location: coord }); } } else { clearInterval(timer); } }, 2000); }); ~~~