Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单个群集图标的自定义图标_Javascript_Google Maps_Dictionary_Google Maps Api 3_Markerclusterer - Fatal编程技术网

Javascript 单个群集图标的自定义图标

Javascript 单个群集图标的自定义图标,javascript,google-maps,dictionary,google-maps-api-3,markerclusterer,Javascript,Google Maps,Dictionary,Google Maps Api 3,Markerclusterer,我想为集群设置一个自定义图标。 我的要求如下: 我有很多标记…组合在一个集群中,我希望图标 显示的图标对应于具有“更多日期”的标记的图标 最近的(标记日期) 有什么建议吗 具有setCalculator(calculator:function(Array | number))函数,可用于覆盖MarkerClusterer上的标签集: var calc = function(markers, numStyles) { var maxDate = new Date('01-01-1970')

我想为集群设置一个自定义图标。 我的要求如下:

我有很多标记…组合在一个集群中,我希望图标 显示的图标对应于具有“更多日期”的标记的图标 最近的(标记日期)

有什么建议吗

具有
setCalculator(calculator:function(Array | number))
函数,可用于覆盖
MarkerClusterer
上的标签集:

var calc = function(markers, numStyles) {
    var maxDate = new Date('01-01-1970');
    for (var i = 0; i < markers.length; i++) {
        var currentDate = new Date(markers[i].date);
        if (maxDate < currentDate){
            maxDate = currentDate;
        }
  }
  return {text: maxDate.getDate()  + "-" + (maxDate.getMonth()+1) + "-" + maxDate.getFullYear(), index: 4};
}

markerCluster.setCalculator(calc);
注:

  • 正确的错误处理(从
    字符串
    转换为
    日期
    时)应该 添加

  • 计算器
    索引
    值设置为4,因此它可以显示整个日期 (如2015-12-12)。若将其更改为较小的值,则日期标签将 切断

演示小提琴:

var clusterMarkers = [
    new google.maps.Marker({
        position: new google.maps.LatLng(59.381059,13.504026),
        map: gm_map,
        title:"P1220214 1.JPG",
        date: '2015-10-10'
    }),
.....
];