【文章內(nèi)容簡(jiǎn)介】 的數(shù)據(jù)進(jìn)行編號(hào)，這樣便于數(shù)據(jù)的調(diào)用提高內(nèi)容顯示的正確性。(infoWindow1)。調(diào)用函數(shù)openInfoWindow()打開(kāi)窗口，顯示窗口內(nèi)容。效果如圖64所示。圖64 窗口信息顯示點(diǎn)擊顯示窗口的手機(jī)按鈕，如圖65所示。圖65 短信發(fā)送功能輸入發(fā)送放手機(jī)號(hào)，接收方手機(jī)號(hào)，對(duì)方手機(jī)收到的短信內(nèi)容如圖所示，點(diǎn)擊連接如圖66所示。圖66 手機(jī)端顯示 地址的查詢(xún)位置的查詢(xún)即根據(jù)輸入的地址信息定位到地址所在的區(qū)域。 搜索按鈕 在頁(yè)面上輸入地址百度地圖自動(dòng)定位到那一塊區(qū)域，首先在頁(yè)面上設(shè)一個(gè)查詢(xún)按鈕，代碼如下：請(qǐng)輸入地址： input id=39。dizhi39。 type=text/ input id=39。dizhiss39。 type=button value=搜索 onclick= sousuo()。/定義輸入的地址定義為dizhi，按鈕的名字叫搜索，點(diǎn)擊搜素那妞，觸發(fā)事件，調(diào)用sousuo()方法。 本地搜索本地搜索屬于百度地圖API的服務(wù)類(lèi)，調(diào)用本地搜索LocalSearch()方法，該方法提供某一特定地區(qū)的位置搜索服務(wù)。var num=0。function sousuo(){var a = (dizhi).value。var local = new (map, { renderOptions:{map: map, panel:results}})。 (a)。 //范圍搜索}function sousuo()是對(duì)定義的搜索按鈕的作用的定義，起到作為對(duì)象方法的作用。var a = (dizhi).value。獲取輸入的地址定義為a。var local = new (map, { renderOptions:{map: map, panel:results}})。 ，可以為本地搜索對(duì)象提供一個(gè)結(jié)果列表容器，搜索結(jié)果會(huì)自動(dòng)添加到容器元素中。(a)。 通過(guò)調(diào)用LocalSearch方法實(shí)現(xiàn)范圍的搜索。 清除歷史信息百度地圖API提供的搜素方法本身不具有歷史信息覆蓋的能力，及第二次搜素的結(jié)果在頁(yè)面上會(huì)存在第一次搜素的結(jié)果。為了在頁(yè)面上一次只顯示一次的搜索結(jié)果，本系統(tǒng)使用的清除按鈕，已清除歷史數(shù)據(jù)。首先添加清除按鈕：input type=button onclick=()。 value=清除，()方法，()方法具有清除圖層的作用，清除圖層意味著清除掉頁(yè)面上的全部的信息，包括標(biāo)注和歷史數(shù)據(jù)。保證只清除掉歷史查詢(xún)數(shù)據(jù)，必須保證不清除掉標(biāo)注，程序如下所示： for(var j=0。ji。j++){ if((arrayObx[j]==arrayObx[i])amp。(arrayOby[j]==arrayOby[i])) { (markers[j])。 //保留最后一次標(biāo)注 } }()。//清除圖層時(shí)不清除標(biāo)注如圖67所示。圖67 地址搜索 駕車(chē)線路查詢(xún)使用的百度API的服務(wù)類(lèi)，實(shí)現(xiàn)的是路線的規(guī)劃，根據(jù)輸入的始終點(diǎn)的位置來(lái)實(shí)現(xiàn)始點(diǎn)到終點(diǎn)路線的查詢(xún)。()方法。 駕車(chē)路線查詢(xún)按鈕在頁(yè)面上設(shè)置一個(gè)查詢(xún)按鈕，根據(jù)輸入的起點(diǎn)框，終點(diǎn)框確定起始地址，點(diǎn)擊查詢(xún)按鈕實(shí)現(xiàn)路線查詢(xún)。代碼如下：input id=39。dizhi139。 type=text/ input id=39。dizhi239。 type=text/ input id=39。dizhiss139。 type=button value=查詢(xún) onclick= chaxun()。/設(shè)置dizhi1是輸入的起點(diǎn)的地址，dizhi2是終點(diǎn)的地址，有點(diǎn)擊查詢(xún)按鈕即觸發(fā)事件chaxun()。 路線查詢(xún)實(shí)現(xiàn)()提供駕車(chē)導(dǎo)航服務(wù)，該函數(shù)是通過(guò)輸入的起始點(diǎn)的位置實(shí)現(xiàn)的駕車(chē)路線的查詢(xún)。代碼如下所示：//駕車(chē)導(dǎo)航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。是把其實(shí)點(diǎn)的位置傳遞給b,c，定義function search(b,c,route)的函數(shù)，可以為駕車(chē)查詢(xún)對(duì)象提供一個(gè)結(jié)果列表容器，搜索結(jié)果會(huì)自動(dòng)添加到容器元素中。(b,c)。效果如圖68所示：圖68 駕車(chē)路線查詢(xún) 定時(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。常?？捎糜谒⑿卤磉_(dá)式。每執(zhí)行一次setInterval函數(shù)，刷新的時(shí)間間隔是1ms，代碼如下：function test(){// = new ( ())。 // 創(chuàng)建標(biāo)注 //if(num){ //num++。 //alert(arrayObz[num])。 //}else{ //(tig)。 //注銷(xiāo)定時(shí)器 //} (true)。 }setInterval(test,3600000)。 //設(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)通,是專(zhuān)業(yè)的內(nèi)網(wǎng)端口映射軟件，可輕松訪問(wèn)連接內(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)境中使用。內(nèi)網(wǎng)通特點(diǎn)如下：(1)簡(jiǎn)單易用在客戶(hù)端添加映射的規(guī)則實(shí)時(shí)生效，馬上就能映射出外網(wǎng)，無(wú)需繁瑣的設(shè)置過(guò)程。(2)穿透性強(qiáng)面對(duì)電信運(yùn)營(yíng)商的嚴(yán)格限制，PP內(nèi)網(wǎng)通通過(guò)先進(jìn)的技術(shù)手段，保證只要能打開(kāi)網(wǎng)頁(yè)，就能映射成功。(3)高速穩(wěn)定服務(wù)器選擇最適合中國(guó)網(wǎng)絡(luò)的線路，完美解決電信互聯(lián)互通問(wèn)題，隨時(shí)都能獲得高速連接。(4)功能強(qiáng)大支持多端口映射和自定義訪問(wèn)端口功能。支持開(kāi)機(jī)運(yùn)行，自動(dòng)登錄，后臺(tái)服務(wù)功能，保證24小時(shí)穩(wěn)定不掉線。專(zhuān)門(mén)的服務(wù)器轉(zhuǎn)發(fā)數(shù)據(jù)，達(dá)到不需要修改路由器設(shè)置，就能映射出外網(wǎng)的效果。 內(nèi)網(wǎng)通提供靜態(tài)IP選擇一個(gè)未占用的端口，把端口號(hào)輸入到映射端口，本系統(tǒng)使用的是端口59975，點(diǎn)擊映射全部，:59975，映射效果如圖71所示。圖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所示。圖72 tomcat端口設(shè)置文件位置用記事本打開(kāi)server文件，更改connector port后面的值為59975，如圖73所示。圖73 tomcat端口設(shè)置點(diǎn)擊保存，此時(shí)已經(jīng)設(shè)置好tomcat的端口號(hào)為59975。 tomcat根據(jù)IP實(shí)現(xiàn)頁(yè)面訪問(wèn) tomcat網(wǎng)頁(yè)訪問(wèn)的機(jī)制URL打上://localhost：端口號(hào)//項(xiàng)目名字。由它定位訪問(wèn)webroot文件夾下的jsp文件，瀏覽器是無(wú)法訪問(wèn)的。哪怕瀏覽器打上jsp全路徑名，也無(wú)法啊訪問(wèn)。 網(wǎng)頁(yè)訪問(wèn)配置tomact，在C:\Program Files (x86)\Apache Software Foundation\Tomcat \webapps\ROOT ，如圖74所示。圖74 文件導(dǎo)入在電腦頁(yè)面或者手機(jī)瀏覽器輸入網(wǎng)址:59975/study/，可以實(shí)現(xiàn)電腦手機(jī)端的訪問(wèn)，如圖75，76所示。圖75 電腦客戶(hù)端顯示圖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ā)展和取得了巨大的成就。電子地圖的出現(xiàn)，使得傳統(tǒng)地圖學(xué)認(rèn)為的只是關(guān)于地圖的科學(xué)或者地圖只是信息表示的傳統(tǒng)觀念正逐漸被淡化，代之而起的是一種集動(dòng)態(tài)性、交互探究性和超媒體等特征于一體的地圖可視化工具。本文分析了電子地圖的特點(diǎn)、電子地圖的關(guān)鍵技術(shù)、電子地圖的應(yīng)用現(xiàn)狀及發(fā)展前景。在這次的畢業(yè)設(shè)計(jì)過(guò)程中，遇到了許多的問(wèn)題，剛開(kāi)始遇到的問(wèn)題是各個(gè)軟件的結(jié)合，選定的是用百度地圖進(jìn)行二次開(kāi)發(fā)，用到的語(yǔ)言是javascript，編程軟件是myeclips，myeclips帶有的tomcat不滿足開(kāi)發(fā)需要，軟件下載了需要安裝tomcat，在安裝的過(guò)程中發(fā)現(xiàn)還需要下載JDK軟件，即Java的運(yùn)行平臺(tái)軟件，都弄好之后，還是有錯(cuò)，然后上網(wǎng)查資料發(fā)現(xiàn)還需要進(jìn)行tomcat的myeclips的配置，配置好之后還是報(bào)錯(cuò)，發(fā)現(xiàn)tomcat默認(rèn)的8080端口被占用，查資料更改端口。其次遇到的困難是進(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ào)用百度地圖API函數(shù)實(shí)現(xiàn)功能，主要是調(diào)用數(shù)組實(shí)現(xiàn)窗口信息的顯示，設(shè)置清除按鈕的時(shí)候清除圖層不清除標(biāo)注的代碼；最后是網(wǎng)頁(yè)顯示，開(kāi)始用的本機(jī)的IP進(jìn)行網(wǎng)頁(yè)顯示，本機(jī)IP改變不是長(zhǎng)久之計(jì)，所以找到了內(nèi)網(wǎng)通軟件，通過(guò)端口映射到一個(gè)公I(xiàn)P，通過(guò)tomcat通過(guò)URL發(fā)布網(wǎng)頁(yè)的方式，使得可以電腦端手機(jī)端頁(yè)面的訪問(wèn)。在這次的畢業(yè)設(shè)計(jì)中，學(xué)到了很多的知識(shí)，學(xué)會(huì)了用Java，Javascript的語(yǔ)句進(jìn)行編程，也鍛煉了遇到問(wèn)題解決問(wèn)題的能力，對(duì)于自學(xué)能力是個(gè)很好的鍛煉，這種能力和知識(shí)在以后的工作中會(huì)很有幫助。致 謝在本次畢設(shè)設(shè)計(jì)的過(guò)程中，首先感謝楊明老師對(duì)我的指導(dǎo)，讓我在遇到困難的時(shí)候有種柳暗花明的感覺(jué)，感謝幫助我的同學(xué)，同事，知道我軟件的使用以及如何建立文件，出錯(cuò)了怎么去調(diào)試，你們的真誠(chéng)的幫助和鼓勵(lì)，在我對(duì)不知道做什么到逐漸上手直至初現(xiàn)功能以及后期的優(yōu)化的過(guò)程中感受到團(tuán)隊(duì)協(xié)作的力量及學(xué)到真才實(shí)學(xué)的快樂(lè)。通過(guò)這次畢設(shè)的過(guò)程，我不僅學(xué)到了知識(shí)，更學(xué)到了團(tuán)隊(duì)精神以及虛心向別人請(qǐng)教，鍛煉了遇到問(wèn)題解決問(wèn)題的能力，最后再次致謝楊明老師的指導(dǎo)。參考文獻(xiàn)[1] Baron [M].[2] 、優(yōu)化與管理維護(hù)[M].[3] :構(gòu)建健壯的數(shù)據(jù)中心[M].[4] [J].電腦開(kāi)發(fā)與應(yīng)用，2013（7）：2426. [5] [M]. [6] 埃史爾、[M].[7] Cay S. (卷1):基礎(chǔ)知識(shí)[M].[8] Zakas. Nicholas [M].[9] Tom [M].[10] 尼格瑞諾，[M].陳劍甌，柳靖，[11] 百度地圖API參考手冊(cè)[M].[12] 涂振宇，[J].[13] 在小型地理信息系統(tǒng)中的應(yīng)用[J]. 測(cè)繪與空間地理息，2011.(2)[14] 杜錦華，鄒崢嶸，[J].地理信息世界，2012 (3):6267.[15] 白學(xué)文，楊紅，[J].云南科技管理，2012(1)： 4648. [16] 王紅崧，[J].現(xiàn)代計(jì)算機(jī)（專(zhuān)業(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