如何在Leaflet中使用MarkerClusterGroup返回特定属性？

文章/答案/技术大牛

发布

1回答

javascript、leaflet、leaflet.markercluster

在leaflet中，有一个名为: Leaflet.markercluster的扩展。在这个扩展中，有一个名为markerClusterGroup的函数，用于聚类并返回多个标记(点)的计数。在我的例子中，我对我的多边形质心做了同样的事情，这是我使用turf计算的。我的每个多边形都有一个“居民”属性，它表示多边形中的所有居民。() 在我的例子中，markerClusterGroup方法

浏览 18提问于2017-06-30得票数 0

回答已采纳

2回答

如何在嵌入式组件中应用来自父组件的一次上下文并更新子组件？

javascript、reactjs、react-leaflet

我不需要直接将它嵌入到MyMap组件中，以便从react-router执行动态操作，但是当MarkerCluster有shouldComponentUpdate === false时，嵌套的标记将不会更新window.React;const { markerClusterGroupthis.leafletElement } sup

浏览 2提问于2016-09-19得票数 2

1回答

如果单个标记不在群集中或接近群集，则无法呈现。

leaflet、react-leaflet、leaflet.markercluster

在我的react传单地图应用程序中，我从JSON文件中获取标记位置，并希望对位于附近的标记进行聚类。使用反应性传单标记库，聚类标记按需要成功地呈现.但是，如果有一个标记不是集群的一部分，或者接近集群，则它不会在地图上呈现。当将标记作为数组传递给标记支持时，以及在MarkerClusterGroup中直接定义标记组件(如示例所示)时，这是可重复的。在下面的代码片段中，前6个标记被呈现为群集，因为它们位于接近的位置。但是，不会显示MarkerClusterGroup<em

浏览 4提问于2019-08-06得票数 3

1回答

如何在图层组中使用Leaflet.markercluster

javascript、reactjs、leaflet、react-leaflet、leaflet.markercluster

所以我试着用Leaflet.markercluster在我的传单地图上把我的标记分类。目前，我在我的MapContainer函数中使用一个子标记在App()函数中添加标记： <MapContainer ))} );在Leaflet.markercluster 中，它们解释了可以使用以下思想添加标记集群： var m

浏览 20提问于2022-07-19得票数 1

回答已采纳

2回答

如何安装离子2的单张插件

ionic2、leaflet

以下是我所做的步骤：我添加了像这样的传单：像这样使用它：我得到了一个错误TypeError： WEBPACK_IMPORTED_MODULE_2_

浏览 5提问于2017-03-02得票数 2

1回答

如何在使用vue2-leaflet-markercluster (singleMarkerMode)时覆盖图标？

vue.js、vuejs2、leaflet、leaflet.markercluster、vue2leaflet

在singleMarkerMode中使用图标时，它将无法正常链接但当移除时，它将正常工作。是否可以同时使用这两个工具？28/02 在代码1中，我认为refreshClusters()会考虑disableClusteringAtZoom。所以我尝试在挂载中使用refreshClusters()。在代码2中，我尝试将初始singleMarkerMode设置为false并使用@update:zoom检查缩放，当它< disableClusteringAtZoom时，然后将

浏览 110提问于2021-02-27得票数 1

回答已采纳

2回答

角-ngx-小叶自动集中到特定区域的装载数据。

angular、leaflet、ngx-leaflet

我正在加载数据后端，并且在地图上加载数据后，我试图缩放到区域(在本例中是印度)。) {} const data/marker-icon-2x.png', shadowUrl:

浏览 0提问于2018-07-25得票数 0

回答已采纳

4回答

MarkerCluster LeafletJS插件TypeScript定义文件的创建

typescript、leaflet

幸运的是，已经有人为传单创建了定义文件，但我使用的插件中没有一个(MarkerCluster)。我有这个插件，它可以编译(在传单定义文件中添加了一些小内容之后)，但是当我尝试使用它时，我没有看到它的任何方法(见下面的用法示例)。/leaflet.d.ts" /> /// <reference path="typings/leaflet.markercluster.ts" /&g

浏览 7提问于2013-04-18得票数 7

回答已采纳

1回答

从v2.0.0开始，如何传递道具来响应Leaflet.markercluster选项？

reactjs、leaflet、react-leaflet、leaflet.markercluster

我试图用<MarkerClusterGroup {...markerclusterOptions}>传递属性我不明白该怎么做。import React from 'react'; import MarkerClusterGroup from

浏览 5提问于2021-02-22得票数 1

回答已采纳

2回答

带有传单和Leaflet.markercluster数千标记的性能问题Vue

vue.js、leaflet、leaflet.markercluster

由于某些原因，当我与Vue一起使用这个库时，我有严重的性能问题。超过500个标记和页面已经开始跌跌撞撞，2,000个标记-强烈破坏，10,000个标记-没有加载。问题2: initLocation() { setView: true, }); //Leaflet.markerclusterlet markers =

浏览 0提问于2018-06-07得票数 3

回答已采纳

1回答

Leaflet.markercluster -如何计数markerClusterGroup中的所有标记？

leaflet、markerclusterer

我正在使用。这是我的代码，基于各种相关问题： Self.GetNumMarkersInClusterGroup

浏览 5提问于2021-01-15得票数 2

回答已采纳

2回答

何时使用TypeScript中的脚本标记包括JS库？

javascript、module、typescript、systemjs

让TypeScript使用import语句正确工作一直存在很多问题。这将导致加载和附加MarkerCluster文件，例如，当我在控制台中测试它时，我可以以L.MarkerClusterGroup的身份

浏览 7提问于2016-05-31得票数 2

回答已采纳

2回答

在CSS中哪里可以改变MarkerCluster图标的大小？

html、css、leaflet、markerclusterer

我已经研究了Leaflet中的Marker Clusters插件的CSS文件。我将图标更改为在.marker-cluster-small css类中所需的任何内容。

浏览 1提问于2013-12-11得票数 1

2回答

将地图与反应传单中的特征层边界相匹配

reactjs、react-leaflet

在状态中存储Circle并在其上调用getBounds (在本例中，假设只有一个循环。那也没用。我用的是react-leaflet@2.1.2 谢谢您的帮助！

浏览 2提问于2018-12-03得票数 3

回答已采纳

1回答

如何使MarkerClusters使用窗格

javascript、leaflet、z-index、leaflet.markercluster、panes

假设我们有以下地图：当放大时，我希望红色标记组组在黄色标记组的顶部(较高的z-索引)。我已经创建了3个自定义窗格来将每个集群组附加到不同的窗格中，但似乎窗格不适合集群组(或者我还没有找到使它们工作的方法)。我试过的是：var clustYellow = L.markerClusterGroup<

浏览 2提问于2017-05-14得票数 2

回答已采纳

1回答

如何更改传单标记聚类扩展的单个标记节点图标？

javascript、leaflet

我想使用一个自定义图标作为传单标记聚类扩展的单个值标记。使用以下代码片段更改传单的默认图标不起作用： options: {

浏览 2提问于2016-01-13得票数 3

回答已采纳

2回答

如何在React宣传单中放置加载事件处理程序？

javascript、reactjs、leaflet、react-leaflet

我需要关于我的地图应用程序的react-leaflet的帮助。我正在尝试添加一个加载函数，一旦客户端登录到地图上，该函数将在加载时执行。但在react-leaflet上，没有onLoad。locationfound(e: any) { }, return null } 我只使用了layeradd，但我不知道这是什么意思，react-leaflet文档没有提供有关其leaflet</em

浏览 63提问于2021-06-14得票数 0

1回答

创建自定义传单标记簇svg图标

leaflet、markerclusterer

我在传单上显示了数千个标记，并使用MarkerCluster创建集群。工作很好。现在，我想替换图标，以获得饼图为var markerCluster = new L.MarkerClusterGroup({ }); } 有没有一

浏览 5提问于2015-03-03得票数 1

7回答

自定义标记图标与反应-传单

icons、maps、leaflet、marker、react-leaflet

我想用自定义图标制作一个自定义标记，但是下面的代码总是有一个错误：'TypeError: options.icon.createIcon不是一个函数‘import L from 'leaflet'; options: { shadowSize: null, shado

浏览 11提问于2017-12-08得票数 35

回答已采纳

1回答

基于内部图标的传单簇颜色

javascript、leaflet、markerclusterer

我的leaflet.js地图上有图钉，其中的图像是由它们所代表的对象的状态决定的。例如，在线和离线用户-在线是绿色的，离线是红色的。为此，我向divIcon添加一个类，然后使用css控制图像。我想要做的是通过集群中状态‘的来确定集群的颜色。我的第一个想法是这样做： iconCreateFunction: function(cluster) {*/ });}); 但不幸的是，我无法访问从getAllChildMarke

浏览 2提问于2014-02-27得票数 6

回答已采纳

点击加载更多