<< Click to Display Table of Contents >>
<說明>
監聽球面滑鼠上觸發的事件,function是可自訂的函式,詳細設定可參照範例。
<範例>
function documentLoad() { document.body.style.overflow = "hidden"; SuperGIS.Initialize("/ServerGate/", function () { SuperGIS.ServerEarth.Initialize(InitEarth); }); }
function InitEarth() { var pBody = new SuperGIS.Windows.HTMLContainer(document.body);
var sHost = location.href; var idx = sHost.indexOf("/", 8); if (idx >= 0) sHost = sHost.substring(0, idx); CreateHTML5Earth(pBody, function (pEarth) { EarthLoaded(pEarth); });
function EarthLoaded(pEarth) { pEarth.Scene.BackgroundColor = pEarth.CreateColor(0, 0, 0, 1); pEarth.SetupSystem(true, s_WGS84); pEarth.SetupSkin(pEarth.CreateEnvelope(-180, 180, -90, 90, s_WGS84), sHost + "/ServerGate/Skin1.jpg");
pEarth.addEventListener("mousedown", mousedownTest, false); // 滑鼠鍵按下時觸發 pEarth.addEventListener("mouseup", mouseupTest, false); // 滑鼠鍵放開時觸發 pEarth.addEventListener("dblclick", dblclickTest, false); // 滑鼠左鍵雙擊時觸發 pEarth.addEventListener("mousewheel", mousewheelTest, false); // 滑鼠滾輪滾動時觸發 pEarth.addEventListener("mouseover", mouseoverTest, false); // 滑鼠進入容器時觸發 pEarth.addEventListener("mouseout", mouseoutTest, false); // 滑鼠離開容器時觸發 pEarth.addEventListener("mousemove", mousemoveTest, false); // 滑鼠移動時觸發 pEarth.addEventListener("touchstart", touchstartTest, false); // 螢幕觸碰時觸發 pEarth.addEventListener("touchmove", touchmoveTest, false); // 螢幕觸碰移動時觸發 pEarth.addEventListener("touchend", touchendTest, false); // 螢幕結束觸碰時觸發 pEarth.addEventListener("click", clickTest, false); // 滑鼠左鍵按下後放開時觸發 pEarth.addEventListener("contextmenu", contextmenuTest, false); // 滑鼠右鍵按下後放開時觸發 }
function mousedownTest(tEvent) { // tEvent.button 值: 1 時為左鍵; 2 時為右鍵 document.getElementById("result").innerHTML = "MouseDown Fired"; } function dblclickTest(tEvent) { document.getElementById("result").innerHTML = "DoubleClick Fired"; } function mousewheelTest(tEvent) { document.getElementById("result").innerHTML = "MouseWheel Fired"; } function mouseupTest(tEvent) { // tEvent.button 值: 1 時為左鍵; 2 時為右鍵 document.getElementById("result").innerHTML = "MouseUp Fired"; } function mouseoverTest(tEvent) { document.getElementById("result").innerHTML = "MouseOver Fired"; } function mouseoutTest(tEvent) { document.getElementById("result").innerHTML = "MouseOut Fired"; } function mousemoveTest(tEvent) { document.getElementById("result").innerHTML = "MouseMove Fired"; } function touchstartTest(tEvent) { document.getElementById("result").innerHTML = "TouchStart Fired"; } function touchmoveTest(tEvent) { document.getElementById("result").innerHTML = "TouchMove Fired"; } function touchendTest(tEvent) { document.getElementById("result").innerHTML = "TouchEnd Fired"; } function clickTest(tEvent) { document.getElementById("result").innerHTML = "Click Fired"; } function contextmenuTest(tEvent) { document.getElementById("result").innerHTML = "ContextMenu Fired"; } }
|
地圖滑鼠事件共有:
1.滑鼠鍵按下時觸發
2.滑鼠鍵放開時觸發
3.滑鼠左鍵雙擊時觸發
4.滑鼠滾輪滾動時觸發
5.滑鼠進入容器時觸發
6.滑鼠離開容器時觸發
7.滑鼠移動時觸發
8.螢幕觸碰時觸發
9.螢幕觸碰移動時觸發
10.螢幕結束觸碰時觸發
11.滑鼠左鍵按下後放開時觸發
12.滑鼠右鍵按下後放開時觸發
© 2017 Supergeo Technologies Inc.