群集计数时,Google Maps Clusterer不显示图标> 1位数

时间:2017-02-16 21:07:04

标签: javascript maps markerclusterer

我遇到了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位数)时,群集的图标不显示。

1 个答案:

答案 0 :(得分:0)

很抱歉用这个问题堵塞了作品。我所能说的只是......我认为我的VS项目中所有的图标都已启用,这是错误的。我可以说的是,一旦我启用所有图标,黄色,红色等开始出现多个数字计数。

抱歉个人搞砸了!