【文章內容簡介】 的數據進行編號，這樣便于數據的調用提高內容顯示的正確性。(infoWindow1)。調用函數openInfoWindow()打開窗口，顯示窗口內容。效果如圖64所示。圖64 窗口信息顯示點擊顯示窗口的手機按鈕，如圖65所示。圖65 短信發(fā)送功能輸入發(fā)送放手機號，接收方手機號，對方手機收到的短信內容如圖所示，點擊連接如圖66所示。圖66 手機端顯示 地址的查詢位置的查詢即根據輸入的地址信息定位到地址所在的區(qū)域。 搜索按鈕 在頁面上輸入地址百度地圖自動定位到那一塊區(qū)域，首先在頁面上設一個查詢按鈕，代碼如下：請輸入地址： input id=39。dizhi39。 type=text/ input id=39。dizhiss39。 type=button value=搜索 onclick= sousuo()。/定義輸入的地址定義為dizhi，按鈕的名字叫搜索，點擊搜素那妞，觸發(fā)事件，調用sousuo()方法。 本地搜索本地搜索屬于百度地圖API的服務類，調用本地搜索LocalSearch()方法，該方法提供某一特定地區(qū)的位置搜索服務。var num=0。function sousuo(){var a = (dizhi).value。var local = new (map, { renderOptions:{map: map, panel:results}})。 (a)。 //范圍搜索}function sousuo()是對定義的搜索按鈕的作用的定義，起到作為對象方法的作用。var a = (dizhi).value。獲取輸入的地址定義為a。var local = new (map, { renderOptions:{map: map, panel:results}})。 ，可以為本地搜索對象提供一個結果列表容器，搜索結果會自動添加到容器元素中。(a)。 通過調用LocalSearch方法實現范圍的搜索。 清除歷史信息百度地圖API提供的搜素方法本身不具有歷史信息覆蓋的能力，及第二次搜素的結果在頁面上會存在第一次搜素的結果。為了在頁面上一次只顯示一次的搜索結果，本系統(tǒng)使用的清除按鈕，已清除歷史數據。首先添加清除按鈕：input type=button onclick=()。 value=清除，()方法，()方法具有清除圖層的作用，清除圖層意味著清除掉頁面上的全部的信息，包括標注和歷史數據。保證只清除掉歷史查詢數據，必須保證不清除掉標注，程序如下所示： for(var j=0。ji。j++){ if((arrayObx[j]==arrayObx[i])amp。(arrayOby[j]==arrayOby[i])) { (markers[j])。 //保留最后一次標注 } }()。//清除圖層時不清除標注如圖67所示。圖67 地址搜索 駕車線路查詢使用的百度API的服務類，實現的是路線的規(guī)劃，根據輸入的始終點的位置來實現始點到終點路線的查詢。()方法。 駕車路線查詢按鈕在頁面上設置一個查詢按鈕，根據輸入的起點框，終點框確定起始地址，點擊查詢按鈕實現路線查詢。代碼如下：input id=39。dizhi139。 type=text/ input id=39。dizhi239。 type=text/ input id=39。dizhiss139。 type=button value=查詢 onclick= chaxun()。/設置dizhi1是輸入的起點的地址，dizhi2是終點的地址，有點擊查詢按鈕即觸發(fā)事件chaxun()。 路線查詢實現()提供駕車導航服務，該函數是通過輸入的起始點的位置實現的駕車路線的查詢。代碼如下所示：//駕車導航function chaxun(){var b = (dizhi1).value。var c = (dizhi2).value。function search(b,c,route){ var transit = new (map, { renderOptions: {map: map,panel:rresult}, policy: route })。 (b,c)。}}其中var b = (dizhi1).value。var c = (dizhi2).value。是把其實點的位置傳遞給b,c，定義function search(b,c,route)的函數，可以為駕車查詢對象提供一個結果列表容器，搜索結果會自動添加到容器元素中。(b,c)。效果如圖68所示：圖68 駕車路線查詢 定時更新頁面信息數據庫中的數據是實時在更新，為了保證頁面的信息也在不斷更新，設置一個定時器，設定一個時間，來刷新頁面，調用setInterval函數，setInterval(expression,delayTime)，每個DelayTime，都將執(zhí)行Expression。常?？捎糜谒⑿卤磉_式。每執(zhí)行一次setInterval函數，刷新的時間間隔是1ms，代碼如下：function test(){// = new ( ())。 // 創(chuàng)建標注 //if(num){ //num++。 //alert(arrayObz[num])。 //}else{ //(tig)。 //注銷定時器 //} (true)。 }setInterval(test,3600000)。 //設置超時對象 10分 刷新一次 10000=1s第7章 網頁手機端頁面顯示的實現 內網通簡介內網通,是專業(yè)的內網端口映射軟件，可輕松訪問連接內網，不需設置路由器，不需公網IP,不需固定IP,不需動態(tài)域名，成功率90%以上，適合在公司，小區(qū)寬帶，出租屋，校園網，網吧，教育網，等網絡結構復雜，限制嚴格的環(huán)境中使用。內網通特點如下：(1)簡單易用在客戶端添加映射的規(guī)則實時生效，馬上就能映射出外網，無需繁瑣的設置過程。(2)穿透性強面對電信運營商的嚴格限制，PP內網通通過先進的技術手段，保證只要能打開網頁，就能映射成功。(3)高速穩(wěn)定服務器選擇最適合中國網絡的線路，完美解決電信互聯互通問題，隨時都能獲得高速連接。(4)功能強大支持多端口映射和自定義訪問端口功能。支持開機運行，自動登錄，后臺服務功能，保證24小時穩(wěn)定不掉線。專門的服務器轉發(fā)數據，達到不需要修改路由器設置，就能映射出外網的效果。 內網通提供靜態(tài)IP選擇一個未占用的端口，把端口號輸入到映射端口，本系統(tǒng)使用的是端口59975，點擊映射全部，:59975，映射效果如圖71所示。圖71 內網通端口映射 tomcat的設置得到映射端口之后，為了達到整個系統(tǒng)的統(tǒng)一一致，需要更改tomcat的端口，否則會報錯，網頁無法查看，在C:\Program Files (x86)\Apache Software Foundation\Tomcat \conf的目錄下的server文件，如圖72所示。圖72 tomcat端口設置文件位置用記事本打開server文件，更改connector port后面的值為59975，如圖73所示。圖73 tomcat端口設置點擊保存，此時已經設置好tomcat的端口號為59975。 tomcat根據IP實現頁面訪問 tomcat網頁訪問的機制URL打上://localhost：端口號//項目名字。由它定位訪問webroot文件夾下的jsp文件，瀏覽器是無法訪問的。哪怕瀏覽器打上jsp全路徑名，也無法啊訪問。 網頁訪問配置tomact，在C:\Program Files (x86)\Apache Software Foundation\Tomcat \webapps\ROOT ，如圖74所示。圖74 文件導入在電腦頁面或者手機瀏覽器輸入網址:59975/study/，可以實現電腦手機端的訪問，如圖75，76所示。圖75 電腦客戶端顯示圖76 手機端顯示第8章 展望與結論隨著電子技術、信息技術、計算機技術、多媒體技術、現代通信技術等一些高科技的不斷革新為空間信息獲取、傳輸、處理、分析與表達提供了創(chuàng)新動力與技術升級空間，電子地圖作為空間信息可視化產品之一，以不同層次的多種形式廣泛應用于公眾及行業(yè)領域，從而的到了迅速的發(fā)展和取得了巨大的成就。電子地圖的出現，使得傳統(tǒng)地圖學認為的只是關于地圖的科學或者地圖只是信息表示的傳統(tǒng)觀念正逐漸被淡化，代之而起的是一種集動態(tài)性、交互探究性和超媒體等特征于一體的地圖可視化工具。本文分析了電子地圖的特點、電子地圖的關鍵技術、電子地圖的應用現狀及發(fā)展前景。在這次的畢業(yè)設計過程中，遇到了許多的問題，剛開始遇到的問題是各個軟件的結合，選定的是用百度地圖進行二次開發(fā)，用到的語言是javascript，編程軟件是myeclips，myeclips帶有的tomcat不滿足開發(fā)需要，軟件下載了需要安裝tomcat，在安裝的過程中發(fā)現還需要下載JDK軟件，即Java的運行平臺軟件，都弄好之后，還是有錯，然后上網查資料發(fā)現還需要進行tomcat的myeclips的配置，配置好之后還是報錯，發(fā)現tomcat默認的8080端口被占用，查資料更改端口。其次遇到的困難是進行對mysql數據庫的驅動，導入mysql數據庫的JDBC驅動，輸入驅動代碼，難點在于不斷的讀取數據存放在數組中。再次是調用百度地圖API函數實現功能，主要是調用數組實現窗口信息的顯示，設置清除按鈕的時候清除圖層不清除標注的代碼；最后是網頁顯示，開始用的本機的IP進行網頁顯示，本機IP改變不是長久之計，所以找到了內網通軟件，通過端口映射到一個公IP，通過tomcat通過URL發(fā)布網頁的方式，使得可以電腦端手機端頁面的訪問。在這次的畢業(yè)設計中，學到了很多的知識，學會了用Java，Javascript的語句進行編程，也鍛煉了遇到問題解決問題的能力，對于自學能力是個很好的鍛煉，這種能力和知識在以后的工作中會很有幫助。致 謝在本次畢設設計的過程中，首先感謝楊明老師對我的指導，讓我在遇到困難的時候有種柳暗花明的感覺，感謝幫助我的同學，同事，知道我軟件的使用以及如何建立文件，出錯了怎么去調試，你們的真誠的幫助和鼓勵，在我對不知道做什么到逐漸上手直至初現功能以及后期的優(yōu)化的過程中感受到團隊協作的力量及學到真才實學的快樂。通過這次畢設的過程，我不僅學到了知識，更學到了團隊精神以及虛心向別人請教，鍛煉了遇到問題解決問題的能力，最后再次致謝楊明老師的指導。參考文獻[1] Baron [M].[2] 、優(yōu)化與管理維護[M].[3] :構建健壯的數據中心[M].[4] [J].電腦開發(fā)與應用，2013（7）：2426. [5] [M]. [6] 埃史爾、[M].[7] Cay S. (卷1):基礎知識[M].[8] Zakas. Nicholas [M].[9] Tom [M].[10] 尼格瑞諾，[M].陳劍甌，柳靖，[11] 百度地圖API參考手冊[M].[12] 涂振宇，[J].[13] 在小型地理信息系統(tǒng)中的應用[J]. 測繪與空間地理息，2011.(2)[14] 杜錦華，鄒崢嶸，[J].地理信息世界，2012 (3):6267.[15] 白學文，楊紅，[J].云南科技管理，2012(1)： 4648. [16] 王紅崧，[J].現代計算機（專業(yè)版），2012 (23):6063.附錄A 外文翻譯 英文MySQL and JSP Web applicationsJSP developers encounter unique problems when building web applications that require intense database connectivity. MySQL and JSP Web Applications addresses the challenges of building datadriven applications based on the JavaServer Pages development model. MySQL and JSP Web Applications begins with an overview of the core technologies required for JSP database developmentJavaServer Pages, JDBC, and the database schema. The book then outlines and presents an Internet merce application that demonstrates concepts such as receiving and processing user input, designing and implementing business rules, and balancing the user load on the server. Through the JDBC (Java DataBase Connector), the developer can municate with most mercial databases, such as Oracle. The solutions presented in MySQL and JSP Web Applicati