Google maps library的使用

公司的項目中用到了google地圖API, 使用Google API開發就會用到Marker, 用來在google 地圖上標註位置

可是google marker使用過程當中也有個問題，就是若是在google 地圖上標註了大量的Marker, 一個是容易致使google地圖加載速度變慢，另外一個是marker太多，地圖就很

很差看，甚至是看不清楚了，由於你會發現地圖就被這些Marker佔據了

在Google Maps API中，提供了集羣來解決這個問題，也就是MarkerClusterer,

咱們以前用的library(Google 提供) ： https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

而後在Google maps上的圖片標記url是： https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m

通常在JS中用法以下：

var mc = new MarkerClusterer(map, markers, {

imagePath: 'https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m'
});

然而，在12/05/2016, Google decommissioned the google-maps-utility-library-v3.googlecode.com source for this library. 也就是說，今年的5月12日，google中止了這個library的使用，google把它移到了GitHub上。

GitHub地址： https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js

https://github.com/googlemaps/js-marker-clusterer

https://github.com/googlemaps/js-marker-clusterer/blob/gh-pages/src/markerclusterer.js

圖片地址是 https://github.com/googlemaps/js-marker-clusterer/tree/gh-pages/images

在你的開發環境中如何使用它呢？ 使用步驟以下：

1. Find your link on GitHub, and click to the "Raw" version of the file.

2. Copy the URL, and link to it

3. Change raw.githubusercontent.com to rawgit.com (non-production) or cdn.rawgit.com(production)

 

因此，在markerclusterer.js中，把圖片地址由 https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images

改成 https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images