问题标签 [leaflet.markercluster]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
485 浏览

javascript - 在markercluster中设置单个标记的样式

我正在尝试根据某些特征属性设置单个标记或大小为 1 的集群的样式。

onEachFeature函数成功创建了弹出窗口。但是,样式函数不会改变大小为 1 的簇的颜色。我iconCreateFunction在初始化标记簇组时尝试过使用,但是,这也不起作用。

0 投票
1 回答
764 浏览

javascript - 功能缩放到集群关闭具有相同纬度/经度的多个标记的集群

我正在创建带有传单的地图,带有标记集群和标记集群图层支持插件。

我有一个带有多个叠加层的图层控件,因此其中一些被选中的标记会在相同的纬度/经度处弹出不同的数据。

这些点可以正确聚类,但是我遇到了一个问题,如果我单击相同纬度/经度的点簇,则该簇不会居中,因此它通常会保持在一边并且很难看到,除非您手动单击并拖动以使其居中。

如果我单击具有不同 lat/lng 点的集群,它将放大并以该区域为中心。为了尝试解决这个问题,我添加了这 2 个函数,一个单独应用于标记,以便在单击它们时它们在地图上居中,一个应用于被单击的集群,导致地图缩放到集群的边界。

发生的情况是您将单击群集,它将展开并在同一点显示标记,但随后它将缩放群集并居中并关闭群集,因此您必须再次单击它才能显示标记。我不希望这种情况发生。

我在想也许使用 panTo 的函数在集群单击时会更好地工作?但不确定如何实现这一点。谢谢!这些是功能:

0 投票
1 回答
2197 浏览

leaflet - 外部元素在聚集标记上的传单触发事件

我刚刚开始为即将到来的项目学习 Leaflet.js。

我要完成的工作: 我需要制作一个显示在地图上的标记列表,当列表项悬停(或鼠标悬停)时,它将显示地图上的位置(对于单个标记,它应该改变它的颜色。对于集群标记,它应该显示覆盖线,就像我们悬停它时的行为一样。如果可能的话,也可能改变它的颜色)。地图不应该像缩放级别一样被改变,简单地说,我需要在地图上突出显示标记/集群。

我现在所取得的成就:我能够在Single Marker上做到这一点。 在此处输入图像描述

我非常沮丧的是:我没能找到一种方法让它在Clustered Marker上发生。

我使用全局 var 对象来存储任何创建的标记。

但我不知道要获取集群标记引用的对象或属性。我通过我的全局变量(仅适用于单个标记)触发标记事件。

这是我目前的https://jsfiddle.net/oryza_anggara/2gze75L6/,任何线索都可能有很大的帮助。谢谢你。

注意:我熟悉的唯一 js 库是JQuery,我不了解其他人,例如Angular.js

0 投票
1 回答
1192 浏览

javascript - 传单markercluster在加载时打开弹出窗口

我的应用程序中有以下代码,所有标记都添加到一个组中。我希望集群中未折叠的标记弹出窗口在加载地图时显示弹出窗口。(当地图以该缩放级别加载时,属于集群的一部分但未在特定缩放级别上折叠到集群中的标记)

我想要标记上的 openPopup() 方法,在加载地图时打开弹出窗口,单击标记时打开。请帮忙。

0 投票
1 回答
1222 浏览

javascript - 如何使用传单markercluster蜘蛛化事件

我想在集群组上收听spiderfied 和unspiderfied 事件。此处描述了这些事件。我有以下代码,我无法收听事件。请帮助。

编辑:添加小提琴

0 投票
1 回答
562 浏览

javascript - Leaflet.MarkerCluster.LayerSupport 在页面重新加载时存储可见层

我很难澄清这个帖子......

我正在使用以下插件扩展传单地图:

  • Leaflet.MarkerCluster
  • Leaflet.MarkerCluster.LayerSupport

我的页面有一个标题 div 和一个地图 div。标头包含一个 HTML 5 表单,它传递 GET 变量、重新加载页面,并执行一个 SQL Server 查询来检索我的引脚/集群。

每次提交表单时,页面都会重新加载,并重新检查 Leaflet.MarkerCluster.LayerSupport 插件的可见层(参见链接图片中的红色矩形)。

本质上,当页面刷新时,红色矩形中的复选框总是被选中,但我希望它们以与单击表单的提交按钮时相同的状态加载。

我的地图

有什么方法可以轻松存储 cookie 或传递变量来保存检查(可见)哪些图层并在重新加载页面时以该状态加载它们?图层控件主要是插件生成的,不是我自己的代码。

控制代码

非常感谢,

缺口

0 投票
0 回答
277 浏览

javascript - 在节点项目的js文件中加载leaflet.markercluster

我正在尝试在一个项目中使用该库,在节点中导入 markercluster(行:import './libs/leaflet.markercluster-src';)。js 文件上的项目,但是当我构建项目时,它不会创建 markercluster 的映射源,如果我复制 dist/libs 中的 leaflet.markercluster 文件并运行项目,结果是下一个错误:

插件组件错误 Error: (SystemJS) L is not defined ReferenceError: L is not defined

我正在使用下一个版本: Leaftlet 0.7 eaflet.markercluster 0.7

你能帮我解决这个问题吗?

0 投票
1 回答
522 浏览

r - tmap 中的标记簇

我目前正在使用tmap创建交互式地图。由于在初始缩放时结果非常混乱(见下图),我想实现标记集群。

在此处输入图像描述

我知道传单允许通过将参数添加clusterOptions = markerClusterOptions()addMarkers()addCircleMarkers()调用来使用标记集群(来源:https ://rstudio.github.io/leaflet/markers.html ),但还没有找到如何使用tmap.

如何在中添加标记簇tmap

0 投票
2 回答
259 浏览

javascript - Google One-tap 声明全局变量 L

Google One-tap 库在与其他库一起使用时会导致错误,因为它声明了一个全局变量 L。

我在缩小的代码中看到了这一点,但我不确定它在做什么。

这与其他库如 LeafletJS 也定义了全局 L https://github.com/Leaflet/Leaflet

我找不到 Google 的 One-tap 代码提交补丁的开源项目。我该如何解决这个问题?

0 投票
2 回答
1047 浏览

javascript - markercluster 是否与 LeafletProxy() 和选项 iconCreateFunction 一起使用?

我做错了什么,或者为什么下面的例子不起作用?我正在尝试leafletProxy()使用选项在 R Shiny 应用程序中使用传单标记集群插件iconCreateFunction。该插件是否无法使用 向地图添加自定义图标标记leafletProxy()

当我按下第一个按钮并缩小下面的示例时,我收到一条错误消息:

TypeError:this._group.options.iconCreateFunction 不是函数

在此处输入图像描述

我试图从 markercluster 文档中复制原始示例:

软件包版本:

浏览器版本:Firefox Quantum 57.0.1(64 位)

在此处输入图像描述