候，使Google Map標(biāo)記是很平常的。但是一旦你有幾百個(gè)、甚至更多地標(biāo)的時(shí)候，性能迅速的開始降低。在本文章中，我會(huì)告訴你一些提高性能的方法。同時(shí)我會(huì)放一個(gè)測(cè)試頁(yè)面去比較它們的效率。 如果你是第一次使用Google Map的標(biāo)記，我建議你先去了解一下在Google Map上使用標(biāo)記的一些基本原理和操作。The Marker Manager-Keeps track of them您的第一選擇可能是利用MarkerManager，因?yàn)樗且粋€(gè)由谷歌提供的實(shí)用工具庫(kù)。首先要將標(biāo)記添加到MarkerManager，而不是使用GMap
2.addOverlay()逐個(gè)的將每一個(gè)Marker添加到Map。MarkerManager會(huì)不斷你所有的標(biāo)記。通過定義幾個(gè)不同的zoom-levels，將可能會(huì)同時(shí)出現(xiàn)的Marker集合放在同一level上，避免在同一時(shí)間大量的Marker同時(shí)顯示。MarkerManager 最初比直接加入到地圖中有些慢，但是這樣添加的好處是你可以更好的控制它們。使用addMarker(GMarker, minZoom, maxZoom?)將標(biāo)記添加到MarkerManager，這個(gè)方法攜帶三個(gè)參數(shù)，第一個(gè)是你要添加的標(biāo)記，后兩個(gè)參數(shù)是可選的，但是界定了在什么level上這個(gè)標(biāo)記是可見的。A simple example//Create a new mapvar map=new GMap2(document.getElementById('map'));map.setCenter(new GLatLng(5
9.5,1
4.0),6);//Create a new instance of the MarkerManagervar mgr = new MarkerManager(map);// Create a new marker var marker = new GMarker(new GLatLng(5
9.0, 1
3.80)); // Add marker to the MarkerManager mgr.addMarker(marker);明顯的，沒有誰(shuí)會(huì)想MarkerManager添加單一的標(biāo)記，但是如果你有幾百個(gè)標(biāo)記，那么可能就要這么做了。Bulk adding the markers使用MarkerManager更高效的辦法是，首先將所有標(biāo)記添加到一個(gè)數(shù)組中，然后用addMarkers(markerArray, minZoom, maxZoom?)將這個(gè)數(shù)組添加到MarkerManager。// Create a new instance of the MarkerManager var mgr = new MarkerManager(map); // Create marker array var markers = []; // Loop to create markers and adding them to the MarkerManager for(var i = 0; i < 50; i += 0.1) { var marker = new GMarker(new GLatLng(5
9.0 + i, 1
3.80 + i)); markers.push(marker); } // Add the array to the MarkerManager mgr.addMarkers(markers); // Refresh the MarkerManager to make the markers appear on the map mgr.refresh();請(qǐng)注意，在將存有標(biāo)記數(shù)組添加到MarkerManager之后，必須調(diào)用mgr.refresh()。在逐個(gè)添加Marker的時(shí)候是不需要的。附加方法removeMarker(marker)從MarkerManager中移除一個(gè)標(biāo)記。clearMarkers()移除所有標(biāo)記。getMarkerCount(zoom)返回在指定的zoom-level下的標(biāo)記個(gè)數(shù)。MarkerManager是Google提供的一個(gè)實(shí)用工具庫(kù)。從下面的鏈接你可以源代碼以及說明和例子。Google Maps MarkerManager SVN：鏈接 Light - Markers on a diet(高亮標(biāo)記-首都標(biāo)記)Google的Pamela Fox 為減少?gòu)?fù)雜標(biāo)記，從而提高效率的MarkerLight制作了一個(gè)簡(jiǎn)單的程序。這樣做的代價(jià)是，真的僅僅是在地圖上顯示一個(gè)圖片，但你不能與之交互。如果你不需要與程序交互，那么這種辦法真的是一種簡(jiǎn)單的提高性能的辦法，這樣做唯一的區(qū)別就是你創(chuàng)建的是一個(gè)MarkerLight，而不是一個(gè)GMarker。作者Pamelas后來解釋了為什么這種方法會(huì)提高效率：GMarker之所以耗時(shí)這么長(zhǎng)是因?yàn)樗鼘?shí)際上是由多個(gè)DOM元素構(gòu)成-前景，陰影，打印版本，可點(diǎn)擊區(qū)域等。如果你的目的只是顯示，那么你可以選擇象MarkerLight那樣創(chuàng)建一個(gè)帶有背景URL的DIV那樣去創(chuàng)建一個(gè)GOverlay的擴(kuò)展(或者背景顏色、甚至更好的)------Pamela Fox以下是如何使用它：map.addOverlay(new MarkerLight(latlng, {image: "red_dot.png"}));red_dot.png這個(gè)圖片是用于marker中的。這是最小最簡(jiǎn)單的一個(gè)。你可以嘗試在Pamelas test page上用不同數(shù)量的標(biāo)記測(cè)試效率。Download markerlight.Using Marker Light in combination with MarkerManager-結(jié)合MarkerManager使用Marker Light用MarkerManager的集中式添加MarkerLight的好處很多，而且真的很簡(jiǎn)單，只是將二者結(jié)合起來。mgr.addMarker(new MarkerLight(latlng, {image: "red_dot.png"}));這樣做的原因是你可以顯示在不同縮放級(jí)別下不同數(shù)量的標(biāo)記。這種方式可以確保不會(huì)有太多的標(biāo)記在同一時(shí)間顯示。Clusterer - Only show what you need另一種方法是使用ACME實(shí)驗(yàn)室群集Clusterer。這是一個(gè)第三方庫(kù)，提供了更快捷的方式加入標(biāo)記。它是在BSD許可證下發(fā)布，并免費(fèi)提供。只需要做兩件事情，效率會(huì)更快：
1.只有當(dāng)前可見的標(biāo)記會(huì)被建立。
2.如果有太多的標(biāo)記需要顯示，那么它們會(huì)組合在一起成為群集標(biāo)記。 這會(huì)讓你的地圖上即使有成千上萬(wàn)個(gè)標(biāo)記依然能保持良好的性能。我的測(cè)試表明，這種方法的效率要顯著快于使用MarkerManager的方式。以下是如何使用它： // Create a Clusterer object var clusterer = new Clusterer(map); // Create marker var marker = new GMarker(new GLatLng(5
7.8, 1
4.0)); // Add marker to the map clusterer.AddMarker(marker, 'text to infobox'); 調(diào)用clusterer.RemoveMarker(marker)方法來從Map中移除標(biāo)記。另外還有一些方法來改變標(biāo)志的行為。
1. clusterer.SetIcon(GIcon) 改變簇的圖標(biāo)
2. clusterer.SetMaxVisibleMarkers(n) 設(shè)置標(biāo)記最多可見的數(shù)量門限，默認(rèn)值是150.
3. clusterer.SetMinMarkersPerCluster(n)為一個(gè)標(biāo)記集合設(shè)置最少的標(biāo)記數(shù)，默認(rèn)值是
5.
4. clusterer.SetMaxLinesPerInfoBox(n)設(shè)置信息框內(nèi)文本的最大行數(shù)，默認(rèn)值是
10.Download Clusterer
2.ClusterMarker - Chunk 'em all upClusterMarker是一個(gè)根據(jù)GNU通用公共許可證發(fā)布的免費(fèi)javascript庫(kù)，可以集中添加標(biāo)記。這個(gè)庫(kù)的獨(dú)特行在于它會(huì)自動(dòng)檢測(cè)標(biāo)記，彼此相交和集成為一個(gè)標(biāo)記群集。