Я использую плагин gmap3 jquery и мне нужна небольшая помощь.
Я создал функцию, которая выглядит как
function getMarkers() {
$.getJSON("/Location/LocationData", null, function (data) {
var i, items = [];
//loop through values from service
$.each(data, function (key, val) {
lat = val.lat;
lng = val.long;
des = val.desc;
rating = val.rating;
items.push({ lat: val.lat, lng: val.long, data: val.desc });
i++;
});
$('#map_canvas').gmap3(
{ action: 'addMarkers',
radius: 100,
markers: items,
clusters: {
// This style will be used for clusters with more than 0 markers
0: {
content: '<div class="cluster cluster-1">CLUSTER_COUNT</div>',
width: 53,
height: 52
},
// This style will be used for clusters with more than 20 markers
20: {
content: '<div class="cluster cluster-2">CLUSTER_COUNT</div>',
width: 56,
height: 55
},
// This style will be used for clusters with more than 50 markers
50: {
content: '<div class="cluster cluster-3">CLUSTER_COUNT</div>',
width: 66,
height: 65
}
},
events: {
click: function (marker, event, data) {
alert(data);
}
},
callback: function (ref) { // get the cluster reference and save it in global variable
cluster = ref;
}
}
);
//test to see output
// $('<ul/>', {
// 'class': 'my-new-list',
// html: items.join('')
// }).appendTo('#list');
});
}
Все работает так, как я ожидаю, однако я хочу немного изменить способ применения кластеров. У меня есть переменная «рейтинг», которая возвращает рейтинг 1-10. Можно ли добавить силы кластеру в зависимости от рейтингового числа?
например У меня есть группа из 4 булавок на карте, и все булавки имеют рейтинг 5. У меня есть еще одна группа из 4 булавок только с рейтингом 1.
Можно ли создать формулу, чтобы первый кластер отображал 4 + (4 * 5), чтобы вместо 4 отображалось только 24, а 2-й кластер отображал только 9?