Значки MarkerClusterer для стилизации?

Я использую 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);

Ответы

Ответ 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
  }
];