【正文】 9。通過這次畢設(shè)的過程，我不僅學(xué)到了知識(shí)，更學(xué)到了團(tuán)隊(duì)精神以及虛心向別人請(qǐng)教，鍛煉了遇到問題解決問題的能力，最后再次致謝楊明老師的指導(dǎo)。在這次的畢業(yè)設(shè)計(jì)中，學(xué)到了很多的知識(shí)，學(xué)會(huì)了用Java，Javascript的語(yǔ)句進(jìn)行編程，也鍛煉了遇到問題解決問題的能力，對(duì)于自學(xué)能力是個(gè)很好的鍛煉，這種能力和知識(shí)在以后的工作中會(huì)很有幫助。其次遇到的困難是進(jìn)行對(duì)mysql數(shù)據(jù)庫(kù)的驅(qū)動(dòng)，導(dǎo)入mysql數(shù)據(jù)庫(kù)的JDBC驅(qū)動(dòng)，輸入驅(qū)動(dòng)代碼，難點(diǎn)在于不斷的讀取數(shù)據(jù)存放在數(shù)組中。本文分析了電子地圖的特點(diǎn)、電子地圖的關(guān)鍵技術(shù)、電子地圖的應(yīng)用現(xiàn)狀及發(fā)展前景。圖75 電腦客戶端顯示圖76 手機(jī)端顯示第8章 展望與結(jié)論隨著電子技術(shù)、信息技術(shù)、計(jì)算機(jī)技術(shù)、多媒體技術(shù)、現(xiàn)代通信技術(shù)等一些高科技的不斷革新為空間信息獲取、傳輸、處理、分析與表達(dá)提供了創(chuàng)新動(dòng)力與技術(shù)升級(jí)空間，電子地圖作為空間信息可視化產(chǎn)品之一，以不同層次的多種形式廣泛應(yīng)用于公眾及行業(yè)領(lǐng)域，從而的到了迅速的發(fā)展和取得了巨大的成就。 網(wǎng)頁(yè)訪問配置tomact，在C:\Program Files (x86)\Apache Software Foundation\Tomcat \webapps\ROOT ，如圖74所示。由它定位訪問webroot文件夾下的jsp文件，瀏覽器是無(wú)法訪問的。圖73 tomcat端口設(shè)置點(diǎn)擊保存，此時(shí)已經(jīng)設(shè)置好tomcat的端口號(hào)為59975。圖71 內(nèi)網(wǎng)通端口映射 tomcat的設(shè)置得到映射端口之后，為了達(dá)到整個(gè)系統(tǒng)的統(tǒng)一一致，需要更改tomcat的端口，否則會(huì)報(bào)錯(cuò)，網(wǎng)頁(yè)無(wú)法查看，在C:\Program Files (x86)\Apache Software Foundation\Tomcat \conf的目錄下的server文件，如圖72所示。專門的服務(wù)器轉(zhuǎn)發(fā)數(shù)據(jù)，達(dá)到不需要修改路由器設(shè)置，就能映射出外網(wǎng)的效果。(4)功能強(qiáng)大支持多端口映射和自定義訪問端口功能。(2)穿透性強(qiáng)面對(duì)電信運(yùn)營(yíng)商的嚴(yán)格限制，PP內(nèi)網(wǎng)通通過先進(jìn)的技術(shù)手段，保證只要能打開網(wǎng)頁(yè)，就能映射成功。 //設(shè)置超時(shí)對(duì)象 10分 刷新一次 10000=1s第7章 網(wǎng)頁(yè)手機(jī)端頁(yè)面顯示的實(shí)現(xiàn) 內(nèi)網(wǎng)通簡(jiǎn)介內(nèi)網(wǎng)通,是專業(yè)的內(nèi)網(wǎng)端口映射軟件，可輕松訪問連接內(nèi)網(wǎng)，不需設(shè)置路由器，不需公網(wǎng)IP,不需固定IP,不需動(dòng)態(tài)域名，成功率90%以上，適合在公司，小區(qū)寬帶，出租屋，校園網(wǎng)，網(wǎng)吧，教育網(wǎng)，等網(wǎng)絡(luò)結(jié)構(gòu)復(fù)雜，限制嚴(yán)格的環(huán)境中使用。 //注銷定時(shí)器 //} (true)。 //alert(arrayObz[num])。每執(zhí)行一次setInterval函數(shù)，刷新的時(shí)間間隔是1ms，代碼如下：function test(){// = new ( ())。效果如圖68所示：圖68 駕車路線查詢 定時(shí)更新頁(yè)面信息數(shù)據(jù)庫(kù)中的數(shù)據(jù)是實(shí)時(shí)在更新，為了保證頁(yè)面的信息也在不斷更新，設(shè)置一個(gè)定時(shí)器，設(shè)定一個(gè)時(shí)間，來(lái)刷新頁(yè)面，調(diào)用setInterval函數(shù)，setInterval(expression,delayTime)，每個(gè)DelayTime，都將執(zhí)行Expression。是把其實(shí)點(diǎn)的位置傳遞給b,c，定義function search(b,c,route)的函數(shù)，可以為駕車查詢對(duì)象提供一個(gè)結(jié)果列表容器，搜索結(jié)果會(huì)自動(dòng)添加到容器元素中。}}其中var b = (dizhi1).value。function search(b,c,route){ var transit = new (map, { renderOptions: {map: map,panel:rresult}, policy: route })。代碼如下所示：//駕車導(dǎo)航function chaxun(){var b = (dizhi1).value。/設(shè)置dizhi1是輸入的起點(diǎn)的地址，dizhi2是終點(diǎn)的地址，有點(diǎn)擊查詢按鈕即觸發(fā)事件chaxun()。dizhiss139。dizhi239。dizhi139。 駕車路線查詢按鈕在頁(yè)面上設(shè)置一個(gè)查詢按鈕，根據(jù)輸入的起點(diǎn)框，終點(diǎn)框確定起始地址，點(diǎn)擊查詢按鈕實(shí)現(xiàn)路線查詢。圖67 地址搜索 駕車線路查詢使用的百度API的服務(wù)類，實(shí)現(xiàn)的是路線的規(guī)劃，根據(jù)輸入的始終點(diǎn)的位置來(lái)實(shí)現(xiàn)始點(diǎn)到終點(diǎn)路線的查詢。 //保留最后一次標(biāo)注 } }()。j++){ if((arrayObx[j]==arrayObx[i])amp。保證只清除掉歷史查詢數(shù)據(jù)，必須保證不清除掉標(biāo)注，程序如下所示： for(var j=0。首先添加清除按鈕：input type=button onclick=()。 清除歷史信息百度地圖API提供的搜素方法本身不具有歷史信息覆蓋的能力，及第二次搜素的結(jié)果在頁(yè)面上會(huì)存在第一次搜素的結(jié)果。(a)。var local = new (map, { renderOptions:{map: map, panel:results}})。var a = (dizhi).value。 (a)。function sousuo(){var a = (dizhi).value。 本地搜索本地搜索屬于百度地圖API的服務(wù)類，調(diào)用本地搜索LocalSearch()方法，該方法提供某一特定地區(qū)的位置搜索服務(wù)。 type=button value=搜索 onclick= sousuo()。 type=text/ input id=39。 搜索按鈕 在頁(yè)面上輸入地址百度地圖自動(dòng)定位到那一塊區(qū)域，首先在頁(yè)面上設(shè)一個(gè)查詢按鈕，代碼如下：請(qǐng)輸入地址： input id=39。圖65 短信發(fā)送功能輸入發(fā)送放手機(jī)號(hào)，接收方手機(jī)號(hào)，對(duì)方手機(jī)收到的短信內(nèi)容如圖所示，點(diǎn)擊連接如圖66所示。效果如圖64所示。(infoWindow1)。+arrayObm[index], opts)。+39。+39。+arrayObz[index]+39。var infoWindow1 = new (39。即是否有點(diǎn)擊事件，監(jiān)測(cè)到有點(diǎn)擊事件，即觸發(fā)function()方法。, function()，定義監(jiān)聽函數(shù)，addEventListener()，監(jiān)聽是否點(diǎn)擊39。i++)是從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)不斷循環(huán)，即有多少組就循環(huán)多少次，在每次循環(huán)里， markers[i].addEventListener(39。 }for (var i =0。 })。+arrayObm[index], opts)。+39。+39。+arrayObz[index]+39。, function(){ var opts = { width: 250,//信息窗口寬度 height: 100,//信息窗口高度 title: //信息窗口標(biāo)題 } var infoWindow1 = new (39。 markers[i].addEventListener(39。 i。 點(diǎn)擊窗口顯示數(shù)據(jù) 標(biāo)注已經(jīng)在地圖顯示，若要點(diǎn)擊標(biāo)注顯示水深和地址的詳細(xì)信息，我們需要用到infoWindow函數(shù)，此函數(shù)的功能是點(diǎn)擊一個(gè)要素的時(shí)候，同時(shí)需要查詢這個(gè)要素的屬性值并在地圖上顯示出來(lái)，代碼如下所示：var tig。在特定環(huán)境下這些事件會(huì)被觸發(fā)，同時(shí)監(jiān)聽函數(shù)會(huì)得到相應(yīng)的事件參數(shù)e，比如當(dāng)用戶點(diǎn)擊地圖時(shí)，e參數(shù)會(huì)包含鼠標(biāo)所對(duì)應(yīng)的地理位置point。圖63 自定義標(biāo)注的顯示 彈出窗口顯示信息 監(jiān)聽函數(shù)介紹百度地圖API中的大部分對(duì)象都含有addEventListener方法，您可以通過該方法來(lái)監(jiān)聽對(duì)象事件。anchor: new (10, 30)，對(duì)標(biāo)注大小的設(shè)置。icon/39。icon/39。圖62 標(biāo)注自定義圖片位置在代碼里實(shí)現(xiàn)該圖片的顯示如下所示。 標(biāo)注圖標(biāo)的自定義百度地圖API默認(rèn)的標(biāo)注圖標(biāo)是紅色水滴狀的，以后搜索功能，路線查詢起始點(diǎn)的確定位置也是用紅色水滴狀的標(biāo)注顯示，為了便于區(qū)分兩者的差別，對(duì)標(biāo)注進(jìn)行自定義，插入圖片改變標(biāo)注的樣式。//跳動(dòng)的動(dòng)畫 }本系統(tǒng)設(shè)定的預(yù)警值是30單位是mm,超過這個(gè)值的時(shí)候通過 (BMAP_ANIMATION_BOUNCE)。// 將標(biāo)注添加到地圖中 } else {(marker)。圖61 標(biāo)注的顯示 標(biāo)注的跳動(dòng)預(yù)警設(shè)定一個(gè)預(yù)警值，超過這個(gè)預(yù)警值就標(biāo)注就跳動(dòng)，程序如下： (marker)。//將標(biāo)注添加到地圖中即可在地圖上顯示標(biāo)注點(diǎn)。var marker= new (new (arrayObx[i], arrayOby[i]),{icon: icon},{fillColor:blue})。 添加標(biāo)注。.split(,)。arrayObm=39。%=deeps%39。.split(,)。 arrayOby=39。%=latis%39。出于安全考慮，國(guó)家對(duì)坐標(biāo)進(jìn)行了二次加密，GPS坐標(biāo)，百度坐標(biāo)，goole坐標(biāo)會(huì)有偏差，本系統(tǒng)的經(jīng)緯度的值是通過地理反解碼獲取百度地圖經(jīng)緯度，可以保證定位的準(zhǔn)確性。通過覆蓋物可以很方便的把想要在地圖上標(biāo)示的內(nèi)容顯示出來(lái)。如標(biāo)注、矢量圖形元素(包括：折線和多邊形和圓)、信息窗口等。//添加一個(gè)帶上偏移量的比例尺通過添加這些控件可以使得地圖放大縮小平移，拖曳，衛(wèi)星地圖顯示，比例尺，鼠標(biāo)滾輪實(shí)現(xiàn)地圖的放大縮小等地圖表達(dá)功能，通過放入迷你控件可以使得頁(yè)面的規(guī)劃更加的合理。//開啟鷹眼，位置在右上方(new ({type: BMAP_NAVIGATION_CONTROL_SMALL}))。 (new ({isOpen:1}))。//啟用滾輪放大縮小(new ())。//縮略地圖控件(new ())。//平移縮放控件 //(new ())。通過地圖API提供的借口，滿足各類B/S和C/S體系架構(gòu)的基于網(wǎng)絡(luò)地圖服務(wù)應(yīng)用[11]。其中核心類主要用來(lái)實(shí)現(xiàn)地圖的表達(dá)；控件類用來(lái)添加地圖的瀏覽工具如地圖的移動(dòng)，縮放工具；服務(wù)類提供用戶地圖的相關(guān)服務(wù)，如搜索工具，公交路線查詢工具，自駕路線查詢工具盒地理編碼工具等。百度地圖API不僅包含構(gòu)建地圖的基本接口，還提供了諸如本地搜索，路線規(guī)劃等數(shù)據(jù)服務(wù)，用戶可以根據(jù)自己的需要進(jìn)行選擇。第6章 百度地圖應(yīng)用程序接口 百度地圖API簡(jiǎn)介百度地圖API是一套由javascript語(yǔ)句編寫的應(yīng)用程序接口，它能夠使用戶在網(wǎng)站中構(gòu)建功能豐富，交互性強(qiáng)的地圖應(yīng)用程序。 ()。定義字符串，latis用來(lái)存儲(chǔ)緯度數(shù)據(jù)，longis用來(lái)存儲(chǔ)經(jīng)度數(shù)據(jù)，deeps用來(lái)存儲(chǔ)水深數(shù)據(jù)，addresss用來(lái)存儲(chǔ)地址數(shù)據(jù)。()。}()。//經(jīng)度 deeps += (shuishen) + ,。while (()) {latis += (jingdu) + ,。String deeps = 。 // ******* 數(shù)據(jù)庫(kù)連接代碼開始 *****//異常處理語(yǔ)句String latis = 。 表示通過執(zhí)行語(yǔ)句select * from study獲取表study的數(shù)據(jù)。Statement對(duì)象可以執(zhí)行標(biāo)準(zhǔn)的SQL語(yǔ)句，用來(lái)完成對(duì)數(shù)據(jù)庫(kù)的插入、刪除或修改等操作。獲取Connection對(duì)象之后，可以用其中的方法創(chuàng)建一個(gè)Statement對(duì)象的實(shí)例。成功加載驅(qū)動(dòng)之后，要用DriverManager類的方法getConnection()來(lái)創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)連接類的實(shí)例。在應(yīng)用程序中加載JDBC驅(qū)動(dòng)程序，()方法加載。//獲取結(jié)果集ResultSetResultSet rs=(select * from study)。//建立數(shù)據(jù)庫(kù)連接三個(gè)參數(shù)：URL、用戶名、密碼Connection ct=(jdbc:mysql://:3306/test,root,yangxiaoning)。圖51 JDBC數(shù)據(jù)源導(dǎo)入myeclipse中的位置  數(shù)據(jù)庫(kù)驅(qū)動(dòng)Java調(diào)用mysql中的數(shù)據(jù)需要JDBC驅(qū)動(dòng)，[5]。 myeclipse添加JDBC驅(qū)動(dòng)在myeclipse中添加mysql的JDBC驅(qū)動(dòng)，加載方法是myeclipse中：右鍵單擊項(xiàng)目名—然后build path—Add External Archives—找到你下載好的JDBC驅(qū)動(dòng)Jar包（）—確定—會(huì)自動(dòng)添加到這個(gè)Referenced Libraries，即可導(dǎo)入JDBC驅(qū)動(dòng)。圖44 文件位置第5章 Mysql數(shù)據(jù)庫(kù)數(shù)據(jù)調(diào)用 JDBC簡(jiǎn)介JDBC（Java Database Connectivity）稱為Java數(shù)據(jù)庫(kù)連接，是一種用Java編寫的用于數(shù)據(jù)庫(kù)訪問的應(yīng)用程序API。，在WEBINF右擊，選擇new，在下拉菜單里選擇JSP(Advanced Templates)，其中File Path是文件的存儲(chǔ)路徑，點(diǎn)擊Finish完成文件的建立，如圖43所示。在傳統(tǒng)的網(wǎng)頁(yè)HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP標(biāo)簽，就構(gòu)成了JSP網(wǎng)頁(yè)Java程序片段可以操縱數(shù)據(jù)庫(kù)、重新定向網(wǎng)頁(yè)以及發(fā)送Email等，實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)站所需要的功能。圖41 使用下載的tomcat禁止myeclips自帶的tomcat，按鈕設(shè)置成Disable，如圖42所示。在windowperference里進(jìn)行設(shè)置。注意myeclips需要對(duì)tomcat進(jìn)行配置?？梢哉f(shuō)myeclipse幾乎囊括了目前所有主流開源產(chǎn)品的專屬myeclipse開發(fā)工具[8]。 myeclips簡(jiǎn)介myeclipse是一個(gè)十分優(yōu)秀的用于開發(fā)Java，J2EE的Eclipse，插件集合，myeclipse的