【正文】 //設置地圖中心坐標var items1= [ { name: 第1秒90km/h, data: { weidu: ,jingdu: } }, { name: 第2秒89km/h, data: { weidu: , jingdu: } }, { name: 第3秒92km/h, data: { weidu: , jingdu: } }, { name: 第4秒93km/h, data: { weidu: , jingdu: } }, { name: 第5秒95km/h, data: { weidu: , jingdu: } }, { name: 第6秒94km/h, data: { weidu: , jingdu: } }, { name: 第7秒94km/h, data: { weidu: , jingdu: } }, { name: 第8秒93km/h, data: { weidu: , jingdu: } } ]。 margin: 0 auto br / script type=text/javascript//![CDATA[ //在這里構造所有的坐標點使用json構造數(shù)據(jù)數(shù)據(jù)來源將來可以使用其他互聯(lián)網(wǎng)車需提供生成。key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT8YXSkg32FmSueYimfV_yj5DJguRRW5eQHwEBk10jwkDxLKNltT_kuQA type=text/javascript /script/head!加載時調用load()函數(shù)加載地圖，注意加上onunload=GUnload()防止內存泄露body onunload=GUnload() !以下id為map的DIV元素即為Google地圖的容器 div id=container style=width: 1000px。v=2amp。 charset=utf8 / title畢業(yè)設計/title !導入Google Maps API庫文件。添加其他屬性 將上段代碼中的如下部分： Var marker1= new GMarker（geoPoint1,{icon:myIcon}）；更改為：Var marker1 = new GMarker（geoPoint1，{icon:myIcon，title：“把鼠標移上來，看看有什么”}）；添加其他屬性，如draggable、clickable等其他屬性的方法類似。//信息窗口相對于myIcon圖片左上角的像素距離//關于信息窗口 = new GPoint(5, 1)。//陰影圖片大小，長x寬 = new GSize(12, 20)。 //陰影圖片 = 。//創(chuàng)建一個自定義的GIcon var myIcon= new GIcon()。為該屬性賦值后則顯示新的圖標。更改默認的圖標設定icon屬性 如果需要自定義GMarker（）對象在地圖上顯示的圖標，就必須制定GMarkerOptions中的icon屬性。這里只介紹最常用的屬性。（2）自定義GMarker（）對象 自定義GMarker（）對象需要用到GMarker（）構造函數(shù)中的第二個參數(shù)，官方稱其為GMarkerOptions類。實際上，GLatLng（）是一個包含經(jīng)緯度信息的地理點。許多基本功能，如指示位置，顯示信息都必須依賴GMarker()對象，因此其屬性和方法也非常豐富。在實際應用中，GMarker()地標也是所有對象中最常用的一個。 } } //]] /script /head !加載時調用load()函數(shù)加載地圖，注意加上onunload=GUnload()防止內存泄露 body onload=load() onunload=GUnload() !以下id為map的DIV元素即為Google地圖的容器 div id=map style=width: 500px。 //添加一個GSmallMapControl()控件 (new GSmallMapControl())。key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT8YXSkg32FmSueYimfV_yj5DJguRRW5eQHwEBk10jwkDxLKNltT_kuQA type=text/javascript/scriptscript type=text/javascript//![CDATA[ var map。v=2amp。 charset=utf8/titleGoogle Maps JavaScript API Example/title!導入Google Maps API庫文件。此時控件會被置于默認位置。 要在Google地圖上添加自己創(chuàng)建的GControl（）控件，()方法。真正具備功能的控件實際上都繼承GControl（），如GSmallMapControl()控件。Google Map API中不僅為自定義GControl()對象提供了豐富的接口，也為常用功能制作了默認的控件。(type)其中type參數(shù)可為G_NORMAL_MAP、G_SATELLITE_MAP和G_HYBRID_MAP，當然如果添加了自定義的地圖類型，還可以為自定義的地圖類型。實際上內置的地圖類型有三個，分別為普通地圖、衛(wèi)星地圖和混合地圖，()方法進行設定。因此，在創(chuàng)建GMap2()對象之后，()方法才可以顯示出地圖。()類似，(),并不常用。panTo（）方法可以把地圖中心平滑地移動到新的坐標，其語法格式如下所示。 Google地圖已經(jīng)成功加載后，()仍可以重新設置地圖中心。第二個參數(shù)zoomlevel為017的整數(shù)，用于設定縮放級別，可省略。 (point, zoomlevel,opts) 其中，第一個參數(shù)point即為將要設定的地圖中心，是一個GLatLng（）對象。 ()是其中相對重要的一個，該函數(shù)作用很多，但主要可以用于設置地圖中心、設定縮放級別及顯示地圖。第二個參數(shù)可省略，一般用于控制更復雜的地圖特性。 New GMap2(container,opts) 其中，第一個參數(shù)container 便是Google地圖的容器。該對象包含的方法相當豐富，在此先介紹其創(chuàng)建的方法。調用方法如下。這是因為不用這個函數(shù)時，瀏覽器常因為加載大量Javascript而導致內存泄露，所以現(xiàn)在特意提供了GUnload()函數(shù)用于銷毀對象并釋放內存。而onunload事件則會在關閉網(wǎng)頁時觸發(fā)。 height: 500px。例如，需要一個寬為1000像素，高為500像素的地圖，則可以加入如下代碼。key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT8YXSkg32FmSueYimfV_yj5DJguRRW5eQHwEBk10jwkDxLKNltT_kuQA type=text/javascript/script 然后在HTML的Body部分加入一個具有id屬性的元素作為Google地圖的容器（通常會使用DIV元素）。v=2amp。具體方法是在HTML文件的Head部分加入類似下面的代碼。下面對其關鍵點進行著重講解。key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT8YXSkg32FmSueYimfV_yj5DJguRRW5eQHwEBk10jwkDxLKNltT_kuQA type=text/javascript/script 程序設計 在Google Maps API中，Google 地圖的加載是通過對GMap2()對象初始化來實現(xiàn)的。v=2amp。通常使用普通的即可，代碼大致如下。建議調試的時候為：//localhost申請一個Key，便于測試和修改。按照要求閱讀其許可協(xié)議并接受該許可，然后填入需要使用的網(wǎng)址，即可獲取相應的Key。（1）下載WAMP5（2）為PHP添加GD2圖形庫 配置客戶端調試環(huán)境申請Google Maps API Key 要使用Google Maps API，就必須到該API的主頁申請一個相應的Key，其URL地址為：//。搭建服務器端開發(fā)環(huán)境 直接安裝集成了的服務器程序WAMP5進行安裝（WAMP5即WindowsApacheMySQLPHP5的首字母縮寫）。 搭建Google Maps API開發(fā)環(huán)境 Google Maps API是Google 提供的一個基于Javascript技術的API，因此本身對開發(fā)環(huán)境要求并不高，只需要一個支持Google Maps API 的瀏覽器即可（機會所有主流瀏覽器均支持）。正是由于Google地圖服務的極大成功，吸引了像Yahoo!、MSN等眾多強有力的競爭對手進入該領域參與角逐。廣大開發(fā)者不斷將其應用到各種場合，從售樓到旅游，到處都是Google地圖的應用。 Google地圖服務的成功不僅取決于其創(chuàng)新性，還在于其開放性。這顆重磅炸彈在互聯(lián)網(wǎng)上立刻激起千層浪花，吸引了無數(shù)網(wǎng)民的目光。其地址為：// 互聯(lián)網(wǎng)地圖服務目前的興起，可以說是Google創(chuàng)造的又一個奇跡。 近期，Google 還推出了本地化的谷歌地圖，全部界面使用中文顯示。而且國內外基于Google 地圖的其他應用也層出不窮，不僅使Google 地圖的可使用性大大增強，也為其增添了相當強的趣味性。Google 地圖服務的英文首頁地址為圖41 Google地圖服務英文首頁 目前Google 地圖提供的服務包括：檢索地名，檢索指定地點周邊的一些信息（如周邊的旅館、學校等），查詢行車路線，實時路況信息等一系列功能，當然還包括高精度的衛(wèi)星地圖服務等。 Google 地圖服務簡介 和早期用于專用領域的GIS系統(tǒng)不同，Google地圖首次將GIS引入到公共應用中，并取得了極大的成功。餐飲娛樂、出游旅游、房屋租賃等各個行業(yè)都出現(xiàn)了大量Google 地圖的應用。 2005年，Google 攜地圖（Google Maps）及其孿生兄弟地球（Google Earth）,震驚了整個互聯(lián)網(wǎng)。今天，已經(jīng)有越來越多的網(wǎng)站利用Google Maps API技術，將擴展的地圖服務整合到自身的使用之中。隨著國內外各大網(wǎng)站相應服務的誕生，基于這些服務的第三方應用也越來越多。如何輕松、快捷、直觀地獲取這些信息？Google為我們搭建了一個更為出色的信息平臺。報紙、電視、新聞網(wǎng)站等各種媒介不斷給我們傳播來自世界各地的信息。 隨著科學技術的不斷進步和通信技術的飛速發(fā)展，我們生活的世界正在不斷縮小，人與人的關系變得更加緊密。 按鈕變化效果當你移動滑鼠游到左邊的按鈕上時，按鈕便會變成色，在瀏覽器下方狀態(tài)列上也會顯示出相關文字，這也是利用JavaScript制作的動態(tài)效果。 顯示更新日期　　許多網(wǎng)頁會公告最新更新日期讓大家知道，Java Scirpt可以自動偵測網(wǎng)頁修改的日期，讓你省去在每次修改網(wǎng)頁時就得修改日期的動作。 JavaScript的功能顯示信息提示　　許多網(wǎng)站在你一連上時，畫面上會先出現(xiàn)一個歡迎訊息對話盒，不但和你打招呼，還會發(fā)布一些重要訊息。 　　 ，Java則提供了這些功能，但是JavaScript在網(wǎng)頁內容的控制和互動性方面，比較方便快捷的。 　　，直接查看網(wǎng)頁的原始碼，就可以看到JavaScript程式，所以沒有保護，任何人都可以透過HTML文件復制程式；而Java應用在網(wǎng)頁的程式稱為Java Applet（Applet是[小程序]的意思），是和HTML文件分開的。 javascript和java的區(qū)別　　Java語言是為了輔助Java的網(wǎng)頁程式方面的設計，LiveScript語言是JavaScript語言的前身，JavaScript剛開始只是應用在Netscape瀏覽器。在Javascript中，事件與事件處理程序配套使用。 　事件 　　用戶與網(wǎng)頁交互時產(chǎn)生的操作，稱為事件。一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進行操作的方法，稱為對象。使用函數(shù)要注意以下幾點： 　　1） 函數(shù)由關鍵字function定義； 　　2）函數(shù)必須先定義后使用，否則將出錯； 　　3）函數(shù)名是調用函數(shù)時引用的名稱，它對大小寫是敏感的，調用函數(shù)時不可寫錯函數(shù)名； 　　4）參數(shù)是傳遞給函數(shù)使用或操作的值或對象，它可以是常量，也可以是變量，也可以是類的對象； 　　5）return語句用于返回函數(shù)或表達式的值，當函數(shù)返回值類型不為空時，必須有，如果返回值類型為空，沒有reurn項。Javascript提供了完整的基本編程語句，它們是：賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、do while循環(huán)語句、break循環(huán)終止語句和continue循環(huán)中斷語句。 　　表達式 　　 運算符和操作數(shù)的組合稱為表達式，通常分為四類：賦值表達式、算術表達式、布爾表達式和字符串表達式。而Nombas絲毫沒有料到它的理念將會成為因特網(wǎng)的一塊重要基石。這個腳本語言捆綁在一個叫做CEnvi的共享軟件產(chǎn)品中，當Netscape Navigator嶄露頭角時，Nombas開發(fā)了一個可以嵌入網(wǎng)頁中的CEnvi的版本。讓這些特殊效果提高網(wǎng)頁的可觀性。 Javascript 簡介 JavaScript是一種能讓你的網(wǎng)頁更加生動活潑的程式語