问题标签 [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.
javascript - 在markercluster中设置单个标记的样式
我正在尝试根据某些特征属性设置单个标记或大小为 1 的集群的样式。
该onEachFeature
函数成功创建了弹出窗口。但是,样式函数不会改变大小为 1 的簇的颜色。我iconCreateFunction
在初始化标记簇组时尝试过使用,但是,这也不起作用。
javascript - 功能缩放到集群关闭具有相同纬度/经度的多个标记的集群
我正在创建带有传单的地图,带有标记集群和标记集群图层支持插件。
我有一个带有多个叠加层的图层控件,因此其中一些被选中的标记会在相同的纬度/经度处弹出不同的数据。
这些点可以正确聚类,但是我遇到了一个问题,如果我单击相同纬度/经度的点簇,则该簇不会居中,因此它通常会保持在一边并且很难看到,除非您手动单击并拖动以使其居中。
如果我单击具有不同 lat/lng 点的集群,它将放大并以该区域为中心。为了尝试解决这个问题,我添加了这 2 个函数,一个单独应用于标记,以便在单击它们时它们在地图上居中,一个应用于被单击的集群,导致地图缩放到集群的边界。
发生的情况是您将单击群集,它将展开并在同一点显示标记,但随后它将缩放群集并居中并关闭群集,因此您必须再次单击它才能显示标记。我不希望这种情况发生。
我在想也许使用 panTo 的函数在集群单击时会更好地工作?但不确定如何实现这一点。谢谢!这些是功能:
leaflet - 外部元素在聚集标记上的传单触发事件
我刚刚开始为即将到来的项目学习 Leaflet.js。
我要完成的工作: 我需要制作一个显示在地图上的标记列表,当列表项悬停(或鼠标悬停)时,它将显示地图上的位置(对于单个标记,它应该改变它的颜色。对于集群标记,它应该显示覆盖线,就像我们悬停它时的行为一样。如果可能的话,也可能改变它的颜色)。地图不应该像缩放级别一样被改变,简单地说,我需要在地图上突出显示标记/集群。
我现在所取得的成就:我能够在Single Marker上做到这一点。
我非常沮丧的是:我没能找到一种方法让它在Clustered Marker上发生。
我使用全局 var 对象来存储任何创建的标记。
但我不知道要获取集群标记引用的对象或属性。我通过我的全局变量(仅适用于单个标记)触发标记事件。
这是我目前的https://jsfiddle.net/oryza_anggara/2gze75L6/,任何线索都可能有很大的帮助。谢谢你。
注意:我熟悉的唯一 js 库是JQuery,我不了解其他人,例如Angular.js
javascript - 传单markercluster在加载时打开弹出窗口
我的应用程序中有以下代码,所有标记都添加到一个组中。我希望集群中未折叠的标记弹出窗口在加载地图时显示弹出窗口。(当地图以该缩放级别加载时,属于集群的一部分但未在特定缩放级别上折叠到集群中的标记)
我想要标记上的 openPopup() 方法,在加载地图时打开弹出窗口,单击标记时打开。请帮忙。
javascript - Leaflet.MarkerCluster.LayerSupport 在页面重新加载时存储可见层
我很难澄清这个帖子......
我正在使用以下插件扩展传单地图:
- Leaflet.MarkerCluster
- Leaflet.MarkerCluster.LayerSupport
我的页面有一个标题 div 和一个地图 div。标头包含一个 HTML 5 表单,它传递 GET 变量、重新加载页面,并执行一个 SQL Server 查询来检索我的引脚/集群。
每次提交表单时,页面都会重新加载,并重新检查 Leaflet.MarkerCluster.LayerSupport 插件的可见层(参见链接图片中的红色矩形)。
本质上,当页面刷新时,红色矩形中的复选框总是被选中,但我希望它们以与单击表单的提交按钮时相同的状态加载。
有什么方法可以轻松存储 cookie 或传递变量来保存检查(可见)哪些图层并在重新加载页面时以该状态加载它们?图层控件主要是插件生成的,不是我自己的代码。
非常感谢,
缺口
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
你能帮我解决这个问题吗?
r - tmap 中的标记簇
我目前正在使用tmap
创建交互式地图。由于在初始缩放时结果非常混乱(见下图),我想实现标记集群。
我知道传单允许通过将参数添加clusterOptions = markerClusterOptions()
到addMarkers()
或addCircleMarkers()
调用来使用标记集群(来源:https ://rstudio.github.io/leaflet/markers.html ),但还没有找到如何使用tmap
.
如何在中添加标记簇tmap
?
javascript - Google One-tap 声明全局变量 L
Google One-tap 库在与其他库一起使用时会导致错误,因为它声明了一个全局变量 L。
我在缩小的代码中看到了这一点,但我不确定它在做什么。
这与其他库如 LeafletJS 也定义了全局 L https://github.com/Leaflet/Leaflet
我找不到 Google 的 One-tap 代码提交补丁的开源项目。我该如何解决这个问题?
javascript - markercluster 是否与 LeafletProxy() 和选项 iconCreateFunction 一起使用?
我做错了什么,或者为什么下面的例子不起作用?我正在尝试leafletProxy()
使用选项在 R Shiny 应用程序中使用传单标记集群插件iconCreateFunction
。该插件是否无法使用 向地图添加自定义图标标记leafletProxy()
?
当我按下第一个按钮并缩小下面的示例时,我收到一条错误消息:
TypeError:this._group.options.iconCreateFunction 不是函数
我试图从 markercluster 文档中复制原始示例:
软件包版本:
浏览器版本:Firefox Quantum 57.0.1(64 位)