Я использую плагин 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, а на втором кластере - только 9?