白羽‧獨舞

google map api 標注是單個的增加到地圖中，當地圖中的標注很多並且多種數據類型時，就難以管理這些標注。api中沒有對標注圖層的相關定義，只有全局的疊加層的概念。如下：

這些常數定義疊加層用來在地圖上顯示自身的分層系統。圖標、陰影、信息窗口、信息窗口上的陰影和捕獲對象的透明鼠標事件都有不同的層。

 由此可看出疊加層不是用來做標注的圖層管理用的。

所以就自己實現了一個Google map 圖層管理。來方便自己項目功能的開發。實現在地圖上同時顯示不同類型的數據和數據的管理

圖層管理由兩個類組成，Layer和LayerManage。

Layer完成標注的增加和移除，定義圖層的可見級別，顯示和隱藏圖層。

LayerManage：向地圖增加移除圖層，獲取圖層。

圖層類定義：

//圖層類 //name:圖層名 //zoommax:圖層的最大可見級別 //zoommin:圖層的最小可見級別 Layer=function(name,zoommax,zoommin){ this.Name=name; this.zoommax=19; this.zoommin=0; if (typeof(zoommax)!=="undefined") { this.zoommax=zoommax; } if (typeof(zoommin)!=="undefined") { this.zoommin=zoommin; } this.map=null; this.display=false; this.zoomdisplay=false; this.markers={}; }

enum GMapPane ：

標注的增加和移除：

//向圖層增加一個標注 Layer.prototype.AddMarker=function(marker){ marker.guid=CreateGuid(); this.markers[marker.guid]=marker; if (this.map!=null&&this.display) { this.map.addOverlay(marker); } } //移除圖層中的一個標注 Layer.prototype.RemoveMarker=function(marker){ if (this.map!=null) { this.map.removeOverlay(marker); } delete this.markers[marker.guid]; }

圖層的顯示和隱藏：

//將圖層中的所有標注增加到地圖中 Layer.prototype.Show=function(){ if (this.map!=null&&(!this.display)) { if (this.IsInZoom(this.map.getZoom())) { for(var k in this.markers){ this.map.addOverlay(this.markers[k]); } this.zoomdisplay=true; } this.display=true; } } //將圖層中的所有標注移除地圖 Layer.prototype.Hide=function(){ if (this.map!=null) { for(var k in this.markers){ this.map.removeOverlay(this.markers[k]); } } this.display=false; }

圖層管理代碼：

//標注管理類 LayerManage=function(map){ this.layers={}; layers=this.layers; this.map=map; GEvent.addListener(map,'zoomend',function(oldLevel,newLevel){ for(var k in layers){ layers[k].UpdataZoom(newLevel); } }); } //增加一個圖層 LayerManage.prototype.AddLayer=function(layer){ if (typeof(this.layers[layer.Name])!="undefined"&&this.layers[layer.Name]!=null){ alert('圖層已存在!'); return; } this.layers[layer.Name]=layer; this.layers[layer.Name].map=this.map; this.layers[layer.Name].Show(); } //移除一個圖層 LayerManage.prototype.Removelayer=function(name){ if (typeof(this.layers[name])!="undefined"&&this.layers[name]!=null) { this.layers[name].Hide(); this.layers[name].map=null; layer=this.layers[name]; delete this.layers[name]; return layer; } return null; } //獲取圖層 LayerManage.prototype.GetLayer=function(name){ return this.layers[name]; }

原文網址：http://www.cnblogs.com/xtpgkxk/archive/2009/05/23/1487510.html