谷歌地圖離線實現(xiàn)

1、GoogleM ap離線的實現(xiàn)方式GoogleMap離線部署實現(xiàn)GoogleMap離線的實現(xiàn)方式，不外乎是在在自己機器上發(fā)布地圖 服務，供自己使用，完全脫離 google的限制。這時你就要想，地圖 切片的獲?。òㄏ螺d）部署，服務等等。1.地圖切片的獲得1）切片地址用不同的瀏覽器（例如遨游、楓葉），利用內置工具網頁嗅探器（以遨游為例），打開googlemaps（ 或 ），打開網頁嗅探器，如圖：其中： N& gl=cn &x=841 &y=401 &z=10&s=Gali 用瀏覽器打開你會發(fā)現(xiàn)，如圖：注：x=841 &y=401 &z=10

2、, x、y是切片的坐標，z是縮放級別。2) 切片下載簡單說來，就是桔子剝皮，從南到北，從東到西，大地圖切成256*256像素的小圖片。 在z=0級別時，是一張圖，x=0y=0z=0當z=1時，將一張圖切成 4個小圖，依次類推， 當z=t時，圖片就會有2At張。x=841 &y=401說明是切片的坐標值?？傊?，地圖切片獲取時 會根據經緯度坐標獲取切片，獲取切片要根據切片坐標。重點來了，怎么根據經緯度獲取切 片地址呢？下面有個方法，原理是墨卡托投影原理：private Pixel getPixelFromLatLngZoom( double lng, double lat, double

3、zoom) /根據經緯度坐標以及縮放等級獲取像素坐標double pow = Math.Pow(2, zoom);Pixel pixel = new Pixel ();pixel.X = (l ng + 180) / 360) * pow;double sin Latitude =Math.Si n(lat *Math.PI / 180);double temp = Math .L og(1 + sin Latitude) / (1 - sin Latitude);pixel.Y =Math.Abs(0.5 - temp / (4 *Math.PI) * pow);return pixel;/

4、切片坐標public class Pixelpublic double X;public double Y;注：這樣就可以根據經緯度范圍獲取切片了。如下載全部，經度范圍-180180，緯度范圍-85.xx-85.xx ，也不會到90度，當然企鵝們不在乎了。根據地址： N& gl=cn &x=x&y=y &z=z當z=0時，獲取x和y的坐標范圍，下載下來。當z=1時，獲取x和y的坐標范圍，下載下來。 依次類推。同理，也可以下載衛(wèi)星的。3) 切片命名和發(fā)布切片下載的時候，要按一定的命名規(guī)則，使服務訪問的地址規(guī)則一致。如切片放置按” zx_y.png ”規(guī)則，發(fā)布切片

5、服務地址則是http : /xxxx/z/x_y.png即可訪問到。原因下面有介紹。2.地圖API開發(fā)1) Google Map Ajax API 開發(fā)在js開發(fā)時，會調用vscriptsrc =" i&amp;v=2&amp;se nsor=true_or_false&amp; key=xxx" type ="text/javascript"></ script >這句話的原理就略過了，但它執(zhí)行后的結果，就是加載一個js文件如圖:-*尊本如id J Windows Internet E<plorrr4 D

6、efaulthtmd rnop>?filc* lruc_c-ABmain$ GM a prunedMl Compo nen： Mana gt.jt當即，我們保存下maps.js，注意不是 main.js。在 html中加載 maps.js，這樣 googlemap定義的類就可以調用了。這下可就徹底擺脫google 了。2）獲取本地切片var copyright =n ewGCopyright(100,new GLatLngBounds( new GLatLng(-90, -180),new GLatL ng(90, 180), 0,"Telch in a");var

7、copyrightCollection = new GCopyrightCollection( "");copyrightCollect ion. addCopyright(copyright);var localTile =new GTileLayer(copyrightCollect ion, 0, 19);localTile.getTileUrl =fun ctio n(a, z) var x = a.x;var y = a.y;var url =""/本地服務地址url ="/googlemap/"

8、;+ z +"/" + x +"_" + y +".png"return url;var localTitlelayers = localTile;var localMap = new GMapType(localTitlelayers,new GMercatorProjection(12),"本地地圖", errorMessage:"數據不可用");/地圖var map = new GMap2(document.getElementByld('map');var mapTypeC on trol =n ew