markerclusterer 相关问题

此JavaScript库可为Google Map上的大量标记创建和管理每个缩放级别的群集。它可能被MarkerClustererPlus取代和/或弃用。

asp.net 页面中的 Google 地图集群

我有 ASP.NET Web 表单页面，其中有中继器可以在页面上显示多个标记。我想对标记进行聚类，我遵循了网上找到的一些示例，但到目前为止还没有成功。这就是我所拥有的：

asp.net google-maps google-maps-api-3 google-maps-markers markerclusterer

回答 1 投票 0

谷歌地图标记聚类出现问题

在 React 项目中，我们有一个带有可交互标记的 Google Maps API，但我们未能在项目上实现标记聚类。进口：从“google-maps-react-markers&

css reactjs google-maps markerclusterer

回答 1 投票 0

Google Maps Api v3，自定义集群图标

如何更改集群图标？我希望有相同的图标，但有蓝色以外的其他颜色。

google-maps-api-3 icons google-maps-markers markerclusterer

回答 5 投票 0

如何在 AGM-MAP（Angular 6+）上使用集群

我正在创建一个带有 AGM MAP 的视图，我想在其中添加一些标记和集群加入它们。我有以下代码： -HTML- 我正在创建一个带有 AGM MAP 的视图，我想在其中添加一些标记和集群加入它们。我有以下代码： -HTML- <agm-map class="agm-map" [scrollwheel]="null" (idle)="updateMapCenter()" (mapReady)="getMapInstance($event)" [latitude]="latCentro" [longitude]="lonCentro" [zoom]="zoom" (boundsChange)="checkMarkersInBounds($event)" > <agm-marker-cluster [imagePath]="'https://github.com/googlemaps/js-marker-clusterer/blob/gh-pages/images/m1.png?raw=true'" [styles]="mapOptions.styles" [calculator]="mapOptions.calculator" style="background-repeat: no-repeat" [maxZoom]="15" [minimumClusterSize]="2" > <agm-marker *ngFor=" let m of Locations " [markerClickable]="!isDisabled(m)" (markerClick)="selectMupi1(m.index)" [latitude]="m.lat" [longitude]="m.lon" [iconUrl]="{ url: m.selected ? '../../../assets/img/icons/soportes/' + m.description + '_orange.png' : '../../../assets/img/icons/soportes/' + m.description + '_blue.png', scaledSize: { height: 50, width: 50 } }" ></agm-marker> </agm-marker-cluster> </agm-map> -TS- SOME IMPORTS ... Variables declarations ... mapOptions = { styles: [ { height: 47, url: '../../../assets/img/icons/clusters/m7.png', width: 47, 'line-height': 48, color: 'white', 'font-size': 18 }, { height: 47, url: '../../../assets/img/icons/clusters/m8.png', width: 47, className: 'clusters', textColor: 'white', textSize: 14 }, { height: 59, url: '../../../assets/img/icons/clusters/m10.png', width: 60, 'line-height': 60 } ], calculator: (markers) => { let cont = 0; for (let i = 0; i < markers.length; i++) { cont = cont + 1; } if (cont < 5) { return { text: markers.length, index: 2 }; } else if (cont < 12) { return { text: markers.length, index: 2 }; } return { text: markers.length, index: 2 }; }, labelOptions: { color: 'white', fontFamily: '', fontSize: '14px', fontWeight: 'bold', text: 'Some Text' } }; ngOnInit() {} .... getMapInstance(map) { this.map = map; } 现在我必须更新集群。我想强制更新它们，并且我想知道每次缩放时它们在哪里及其大小。我的意思是，我想预先计算集群及其大小，以避免每次打开地图时都进行多次计算。我将拥有 10.000 多个标记，我希望能够获得集群的实例，知道它们在哪里......基本上，我如何能够按照我定义的那样从 TS 中获取标记和集群的实例正如我所展示的那样，html 中的地图。请帮忙

angular dictionary google-maps-markers markerclusterer agm-map

回答 0 投票 0

使用 Leaflet 处理数千个标记的最佳实践

我正在结合 Leaflet 使用 HTML 地图进行一些测试。服务器端我有一个 Ruby Sinatra 应用程序，提供由 MySQL 表获取的 json 标记。使用 2k-5 的最佳实践是什么...

leaflet markerclusterer

回答 2 投票 0

如何在不影响其他元素的情况下在谷歌地图 v3 中为相同的纬度/经度添加标记集群？

我制作了traceroute地图。我对一些应该在同一纬度/经度但地图上只显示一个标记的标记有疑问。我读到有一种方法可以做到。它是标记簇。但我没有

javascript google-maps-api-3 google-maps-markers markerclusterer

回答 1 投票 0

向聚类添加自定义标记 (HTMLMarkers)

我有一个 Google Maps Clustering 的工作代码笔演示。我正在尝试添加自定义 html 元素标记，这样我就可以拥有像这样的动态文本：但是，当我添加自定义 html 元素标记时 ...