googlemapapi學(xué)習(xí)(編輯修改稿)
2024-09-26 08:04 本頁面
【文章內(nèi)容簡介】 arker)。//在地圖上顯示 (marker,dragend,DisPoint)。//添加拖動后事件DisPoint var DisPoint = function ()//添加事件響應(yīng)函數(shù) { var point=()。 (())。 } 下面是效果演示： Google Maps API 自定義圖標(biāo)和路線編碼 by:CGcheng(轉(zhuǎn)載注明出處 ) 如果你對 google maps api 提供的氣泡一樣的默認(rèn)圖標(biāo)感到不滿意或者覺得有些厭倦， google還提供了一些稍微有些變化的圖標(biāo)供大家選擇，大家也完全可以自己制作有個性的圖標(biāo)來放到網(wǎng)頁的地圖上。 修改圖標(biāo) 如果不想使用系統(tǒng)的默認(rèn)圖標(biāo)，可以自己新建一個 GIcon的對象，新建完這個對象之后，可以通過修改圖標(biāo)對象的各個屬性來自定義圖標(biāo)。 GIcon 的構(gòu)造函數(shù)是 GIcon(copy,image)。 其中 copy 里面可以是一個圖標(biāo)對象，此時新建的圖標(biāo) 對象就完全復(fù)制了 copy 這個圖標(biāo)的屬性，image 是圖標(biāo)文件的 url。除此之外，可以設(shè)置圖標(biāo)的大小 (iconSize),投影 (shadow),圖標(biāo)錨點位置偏移 (iconAnchor)等等，舉一個簡單的例子，我們在地圖中央放一個可以拖動的 qq 企鵝，可以使用下面的代碼： var icon=new GIcon()。 =。 = new GSize(27, 22)。 = new GPoint(0,0)。//這一句一定要有，不然會出錯，我當(dāng)時以為有默認(rèn)值就刪了，找了半天才發(fā)現(xiàn)原因 (new GMarker((),{icon:icon,draggable:true,dragCrossMove:true}))。 這里的 就是放在相同目錄下的企鵝 gif 動畫文件，你也可以使用 google 提供的一些圖標(biāo)，我在其文檔上只找到了以下幾個圖片鏈接： ,顏色還有 yellow,green,white,blace,gray,brown 等等自己慢慢試吧。 如果你在 google 上找到更有意思的地標(biāo)文件，歡迎來信告訴我。 添加路線 當(dāng)想在地圖上加入路線時，必須定義路線經(jīng)過的點，形成一個坐標(biāo)數(shù)組，然后通過此坐標(biāo)數(shù)組產(chǎn)生一個路線。如下所示： var polyline = new GPolyline([ new GLatLng(, ), new GLatLng(, ), new GLatLng(, ), new GLatLng(, ), new GLatLng(, ) ], FF0000, 10)。 (polyline)。 特別注意：要在你網(wǎng)站的地圖上正常顯 示路線 polylines,必須按照 google的提示在網(wǎng)頁中include VML 命名空間和一些 CSS的代碼，具體如下： 路線編碼 按照上面的內(nèi)容，每添加一條路線，網(wǎng)頁 javascript中就會多出一堆的坐標(biāo)文件 ,調(diào)用時發(fā)送給 google maps，為了加快信息的傳輸速度， google maps 提供了一種編碼的方法，將數(shù)字轉(zhuǎn)換成 ASCII 編碼壓縮成字母的形式傳送，壓縮的算法 這里 有介紹，你也可以使用 google 提供的 一個網(wǎng)頁 來進(jìn)行計算，這里就不介紹了。上面的
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1