球面滑鼠事件

檢視範例

範例下載

         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";

         }

       }