49

MarkerCluster.jsを使用して、GoogleマップAPIでクラスタリングを作成しています。クラスターは希望どおりに機能しますが、黄色、青、赤の円とは異なるスタイルにします。MarkerStyleOptionsを使用しようとしましたが、最初に最小のクラスターアイコン、最後に最大のクラスターアイコンを持つスタイルの配列があると表示されます。以下でこれを作成しようとしましたが、使用する構文について本当に混乱していて、良い例を見つけることができません。

var clusterStyles = [
    [opt_textColor: 'white'],
    [opt_textColor: 'white'],
    [opt_textColor: 'white']
];

var mcOptions = {
    gridSize: 50,
    styles: clusterStyles,
    maxZoom: 15
};
var markerclusterer = new MarkerClusterer(map, cluster, mcOptions);
4

2 に答える 2

98

現在使用されている青/黄/赤の画像の代わりに、URL を使用して使用する画像を指定する必要があります。高さと幅のオプションも含めることをお勧めします。

var clusterStyles = [
  {
    textColor: 'white',
    url: 'path/to/smallclusterimage.png',
    height: 50,
    width: 50
  },
 {
    textColor: 'white',
    url: 'path/to/mediumclusterimage.png',
    height: 50,
    width: 50
  },
 {
    textColor: 'white',
    url: 'path/to/largeclusterimage.png',
    height: 50,
    width: 50
  }
];
于 2011-10-20T12:14:23.013 に答える
4

かなり役立つ回答を投稿するのに遅すぎることはないので、さらに、IconStyle の MarkerClusterer ドキュメント全体を調べることができます。

アップデート

ehcanadian が述べているように、github には Google マップ v3 ユーティリティもあります。

于 2015-03-08T11:07:17.303 に答える