滑鼠監聽地圖讓我創造出個性的風格（地圖開發）

       這是“一款嵌入式監聽地圖測試軟體（開發）”以滑鼠的移動來進行監聽形成“測距離”的地圖，全屬出自一好奇才寫的，能讓大家來一起分享這一愛好。其實在領域中也是純屬虛假，能夠很好的掌握滑鼠的應用技術是再好不過的了，通常在網上用滑鼠來回的使勁點，也是說出個道理來，片面瞎想，胡亂猜測，那也是個怪哉，掌握好滑鼠技術也不是天方夜譚，用滑鼠輕輕的往這到那一劃，變成了一條線，這是一個顯眼的動作，可能從腦海裡會想到一個這樣的問題，“思考”出類拔萃，突出能展現自我風格表現？也使你會這樣問？是以今天我便是我找到自己的創作“地圖”，雖然成績不是那麼突破；但也是我夢想中的一段記憶，能夠真真切切寫出了我的個人創作風格“地圖”。

     深夜悄悄的占用了我的睡眠事件間，可我還是靜下心來把它完成。在應用代碼時确實是個讓人感到動腦的事情，寫好代碼之後又要用測試是否能産生效果，在測試軟體時用IE6、360浏覽器、google浏覽器、TTraveler浏覽器來進行測試應用效果。代碼的拼寫也是需要考慮到元素搭配技巧，比如：link是說允許目前文檔和外部文檔之間建立連接配接；type是指設定與擷取對象的MIME類型；stylesheet是指代表了文檔中單一的樣式表；style代表了給定元素所有可能的内嵌樣式的目前設定，style指定頁面的樣式表，map是指包含用戶端圖像映射的坐标資料，button指定其中所含的 HTML 要被渲染為一個按鈕等等的一些應用元素；都有一定的拾到好處和精彩各異，拙出鮮明的對比與之殘棋不亂。搭配上也是講究一定方法的。代碼的熟記是好似象記英語單詞，科學記憶法，或抄寫在紙上或小本子裡，一天背5個或10個代碼，日子久了，便熟能生巧，日積月累便就好生成效。真是熟讀唐詩300首不會寫來也會念，古人好的教誨後人學。把它編成歌來記憶，讓人耳目一新。下圖（540*270像素）

      虛心的讓大家來分享地圖的個性化發展，随着地圖的多樣化進步，衛星導航地圖、google地圖、電子地圖等等不同的地圖都産生了各花有各眼，“地圖”的發展應用在交通導航引路。很能夠在地圖裡尋找自己的去處方向，夜靜人深，為了要完成這篇自己的地圖編寫，下班回來滿腦都是想好要怎麼起把這篇地圖寫完整，真讓人值得深思。簡單地應用滑鼠監聽距離線條來産生資料；由“滑鼠邊距”和“元素邊距”的技術來移動搜尋，比如我們輸入一段代碼：

function showPoint(searchResult) 

{ 

    if(searchResult.count>0)//如果存在搜尋結果 

    { 

        map.clearOverLays(); 

        points=[]; 

        var html=""; 

        for(var i=0;i<searchResult.count;i++)    //依次将搜尋結果顯示到地圖上 

        { 

            var poi=searchResult.searchPoints[i]; 

            var point=new LTPoint(poi.point[0],poi.point[1]); 

            var marker=new LTMarker(point); 

    map.addOverLay( marker ); 

    var text = new LTMapText( marker ); 

    text.setLabel( poi.name ); 

    map.addOverLay( text ); 

            //LTEvent.bind(marker,"click",marker,function(){this.openInfoWinHtml(this.name)}); 

            points.push(point); 

            html+=poi.id+'.<a href="#" >'+poi.name+'</a><br/>';    //輸出POI資訊清單 

        } 

        //document.getElementById("resultDiv").innerHTML=html; 

        map.getBestMap(points); 

    } 

    else 

        alert('無結果'); 

} 

function onLoad() 

    map=new LTMaps("mapDiv"); 

    map.cityNameAndZoom("kunming",5); 

    map.addControl(new LTStandMapControl()); 

var control = new LTPolyLineControl(); 

map.addControl( control ); 

map.addControl(new LTOverviewMapControl()); 

control.setTop( 10 ); 

    search=new LTLocalSearch(showPoint); 

    setTimeout( "map.moveToCenter( new LTPoint( 11278000, 2227000 ) )" , 0001 ); 

    search.setCity('台山');

    以下讓我們便可把滑鼠監聽到元素邊距的測試出距離資料，以滑鼠的移動使滾輪來進行控制快慢，是測試舉例的連接配接産生距離的資料；以坐标點為出發點往前盡量拖動滑鼠進而到達終點。還可以滑鼠根據街道的位置移動來進行街道監測，以下地圖“紅線标記”是滑鼠進行“城市”與“城市”的距離測試：（540*333 像素）

  以下列代碼是地圖裡小方框地圖：

<!--載入提示框—>

<div id="mapDiv" style=";height:468px;DISPLAY: block; OVERFLOW: hidden; border:1px solid #CCCCCC" ></div>

</td>

</tr></table>

                   街道的距離測試

本文轉自huangyouliang10 51CTO部落格，原文連結:http://blog.51cto.com/1572091hyl10/581064