Google 地图 API 标记聚类器更改级别大小

Question

我正在尝试更改 Google 地图 API 标记聚类器的级别大小。默认情况下，标记小尺寸（蓝色icon/m1）：2-9个标记，中等尺寸（黄色icon/m2）：10-100个标记，大尺寸（红色icon/m3）： 101-250 个标记。（如果我错了，请纠正我）。

我想将级别大小的值更改为小于默认值。我找到了另一个具有相同主题的线程，但我仍然没有明确指出。

这是 Google 地图 API 标记群集图标我的意思是：

Google Maps API Marker Clusterer Icon

PS: 我没有提到如何更改群集图标，我的意思是如何更改大小的值。示例：如何更改标记的级别大小，使其聚类为蓝色 (m1)、黄色 (m2) 和红色 (m3)？像我之前提到的默认大小，对于 m1 它包含 2-9 个标记，我可以将大小值更改为仅 2-5 个标记吗？

Answer 1

您需要创建自定义 Calculator 函数。从 source（在 Google 的文档中引用的版本中，请务必使用您未提供的版本的文档验证您正在使用的版本）。默认calculator函数：

/**
 *  The function for calculating the cluster icon image.
 *
 *  @param {Array.<google.maps.Marker>} markers The markers in the clusterer.
 *  @param {number} numStyles The number of styles available.
 *  @return {Object} A object properties: 'text' (string) and 'index' (number).
 *  @private
 */
MarkerClusterer.prototype.calculator_ = function(markers, numStyles) {
  var index = 0;
  var count = markers.length;
  var dv = count;
  while (dv !== 0) {
    dv = parseInt(dv / 10, 10);
    index++;
  }

  index = Math.min(index, numStyles);
  return {
    text: count,
    index: index
  };
};

设置它的函数（描述它的return值，索引是图标数组的索引，文本是要在集群上显示的文本）：

/**
 * Set the calculator function.
 *
 * @param {function(Array, number)} calculator The function to set as the
 *     calculator. The function should return a object properties:
 *     'text' (string) and 'index' (number).
 *
 */
MarkerClusterer.prototype.setCalculator = function(calculator) {
  this.calculator_ = calculator;
};

Google 地图 API 标记聚类器更改级别大小

Google Maps API Marker Clusterer Change Level Size

javascript

google-maps

google-maps-api-3

markerclusterer