我遇到了Google Maps群集功能的问题。它正确地聚类并将聚类计数放在地图上,累积计数总计给定的正确位置/标记数。但是,当给定群集中的位置计数大于9(或大于1位数)时,不会显示任何图标。有谁知道如何纠正这个?我正在使用"标准" Google地图群集的蓝色图标。蓝色图标显示4个标记的簇。但132和79标记的簇只显示132和79计数 - 没有蓝色图标。我没有一个方便的地方可以快速将屏幕截图用于公共消费。
var tableContent = "";
$.each(data, function (i, item) {
iCount++;
var aCount = iCount.toString();
var iCt = item.RECNO;
//table += "<tr><td>" + '(' + aCount + ') ' + item.DDSPNM + "</td></tr>";
tableContent += '<tr>';
var rowContent = "";
rowContent += "<strong>" + item.DDSPNM + "</strong>" + "<br>"
rowContent += item.DCTRNUM;
tableContent += '<td>' + rowContent + '</td>';
tableContent += '</tr>';
var latlng = new google.maps.LatLng(item.Latitude, item.Longitude);
locations.push(latlng);
var marker = new google.maps.Marker({
position: latlng,
label: { text: aCount, color: 'black', fontSize: "12px" },
title: 'this is ' + item.DDSPNM,
map: map
});
gmarkers.push(marker);
});
if (iCount == 0)
{
table += "<tr><td>No providers were found in the specified location. Please change your search criteria and try the search again.</td></tr>";
tableContent += "<tr><td>No providers were found in the specified location. Please change your search criteria and try the search again.</td></tr>";
}
$('#results').append(tableContent);
// Instantiate pagination after data is available
pager = new Pager('results', 10);
pager.init();
pager.showPageNav('pager', 'pageNavPosition');
pager.showPage(1);
// set the bounds for the map and re-size/re-position to display all markers
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < locations.length; i++) {
bounds.extend(locations[i]);
}
map.fitBounds(bounds);
var markerCluster = new MarkerClusterer(map, gmarkers,
{ imagePath: @Url.Content("~/Images/m")});
}
请忽略用户的丑陋演示,这是我现在正在处理的作品。但是我很难过为什么当计数大于9(或大于1位数)时,群集的图标不显示。
答案 0 :(得分:0)
很抱歉用这个问题堵塞了作品。我所能说的只是......我认为我的VS项目中所有的图标都已启用,这是错误的。我可以说的是,一旦我启用所有图标,黄色,红色等开始出现多个数字计数。
抱歉个人搞砸了!