Укладка маркера Значки кластера?

Question

Я использую MarkerCluster.js для создания кластеризации в моем API Google Maps. Кластеры работают так, как я хочу, однако я хочу, чтобы стиль отличался от желтого, синего и красного кругов. Я пытался использовать 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);

Answer 1

Что вам нужно сделать, это использовать 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
  }
];

Answer 2

Никогда не поздно опубликовать довольно полезный ответ, поэтому дополнительно вы можете просмотреть всю документацию MarkerClusterer для IconStyle

ОБНОВЛЕНИЕ

На github есть также утилита google maps v3 , как утверждает ehcanadian