问题标签 [markerspiderfier]

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 回答
373 浏览

javascript - Google Maps OverlappingMarkerSpiderfier 实例化问题

我已经搜索了这个错误的网站,虽然有几个答案,但没有一个对我有用(或者不适用)。

我正在使用谷歌地图 API v3 并尝试实现 OverlappingMarkerSpiderfier 来解决我的重叠标记问题。我的问题是我无法创建 OMS 的实例:

我收到以下错误:

我已经验证错误发生在实例化时,而不是在标记创建/放置时发生。为了彻底起见,这是我试图用来放置标记的代码:

...

如果原始版本(从 gi​​thub 下载)有问题,我还检索了 OMS 的不同副本。

如果您需要查看更多代码,请告诉我您要查找的内容。我刚刚发布了问题所在的行。我的地图在没有 OMS 的情况下正确生成 - 问题只是 oms 实例化。

0 投票
1 回答
24 浏览

javascript - 使用 OverlappingMarkerSpiderfier 时不要移动绑定的圆圈

当在同一个地方有多个标记或彼此非常接近时,我决定使用OverlappingMarkerSpiderfier 。

问题是,在我的范围内,每个标记都有绑定的标记,当触发 spiderfy 时会移动。

0 投票
1 回答
744 浏览

javascript - 谷歌地图重叠标记spiderfier总是保持spiderfied

即使我有 {keepSpiderfied: true},当我单击地图时,重叠的标记也不会被蜘蛛化,我怎样才能始终保持所有标记都被蜘蛛化?

当我有超过 2 个标记重叠时,我的自定义标记上的 Hitbox 也会出现问题,任何解决方案都会非常有帮助。

谢谢!

0 投票
0 回答
1104 浏览

reactjs - 在同一位置反应谷歌地图/ Markerclusterer 多个标记

我在我的 React-redux 项目中使用 markerclusterer 来为所有公司绘制标记。我有 3 家公司的地址相同。当我放大地图时,我可以看到数字 3(标记集群),当进一步放大时,我只能看到 1 个标记(对于所有 3 家公司)。我需要显示一个标记(从 markerClusterer 中过滤具有相同地址的公司),当单击标记时,打开对话框以显示公司详细信息。最初加载地图时,会渲染标记(代码如下:)

0 投票
1 回答
163 浏览

javascript - 如何在将标记添加到地图时绘制标记

我使用 OverlappingMarkerSpiderfier(不确定这是否相关)在地图上放置了 300 多个标记,因此相同位置的标记被聚集在一起。目前代码工作正常,除了标记都同时显示在下面代码中的“for(var key in addresses['ASRAddr'])”循环的末尾。

我想要的是绘制地图,然后开始看到标记“下雨”到它们的位置。使用 DROP 属性完成“下雨”部分,但我无法弄清楚如何在每个标记添加到地图时绘制它。

这是几乎从stackoverflow中的片段拼凑在一起的代码(感谢所有做出贡献的优秀人员。不确定没有S/O我会做什么):

功能如下:

decodeAddr:读取包含所有节点的站点地址的 JSON getHC:读取包含节点运行状况的文本文件

其余的是用于向地图添加标记/信息气泡的常用代码片段。

0 投票
1 回答
3204 浏览

javascript - 如何修复谷歌地图中的重叠标记错误

我有一个包含 5 层的谷歌“我的地图”地图。我已将每个图层导出为 .kmz 文件,并使用 Google Maps javascript API 将这些图层导入 custom.html 文件。

代码如下。我要解决的问题是共享相同纬度/经度的重叠标记。每个位置最多可以有 5 个重叠标记(我的地图的每一层都有 1 个)。

我已经看到一些关于添加“spiderfy”库来解决这个问题的参考资料。但是,我找不到任何表明它适用于 KML 图层数据的示例。

spiderfy 可以处理 .kml 文件吗?我试图在 spiderfy github 站点上的“基本演示”中实现代码,但它不是 spiderfy。

0 投票
1 回答
904 浏览

reactjs - 使用 React 为 Leaflet 安装重叠标记 Spiderfier

我是 React 的新手。我尝试在反应项目中使用 npm 模块重叠标记蜘蛛传单。

我按照https://www.npmjs.com/package/overlapping-marker-spiderfier-leaflet上的说明进行操作npm install -S overlapping-marker-spiderfier-leaflet,然后import OverlappingMarkerSpiderfier from 'overlapping-marker-spiderfier-leaflet';在我的项目中进行操作。

然后我做了var oms = new OverlappingMarkerSpiderfier(this.map); ,但我得到:

未处理的拒绝(TypeError): WEBPACK_IMPORTED_MODULE_8_overlapping_marker_spiderfier_leaflet .OverlappingMarkerSpiderfier 不是构造函数

你知道我怎么能解决这个错误。你认为我宁愿使用缩小的 js 来使用这个插件吗?怎么会这样?

0 投票
1 回答
378 浏览

angular - How to include mapboxgl-spiderifier in an angular application

I have an angular application that uses mapbox through ngx-mapbox-gl and i want to integrate it with mapboxgl-spiderifier but it is with out typings and i dont know how to include it through importing. Things i have tried is to include the libarary through :

#xA;

But it gives the following error :

ERROR in ./node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js Module not found: Error: Can't resolve 'MapboxglSpiderfier' in relative path

0 投票
1 回答
1978 浏览

javascript - 我可以将 OverlappingMarkerSpiderfier 与 react-google-maps 一起使用吗?

我正在开发一个使用react-google-mapshttps://github.com/tomchentw/react-google-maps)库的项目。

它运作良好,但我们偶然发现了重叠标记的问题。我们案例的理想解决方案是使用这个插件:https ://github.com/jawj/OverlappingMarkerSpiderfier 。

有什么方法可以使用它react-google-maps吗?

0 投票
1 回答
634 浏览

javascript - 未定义 OverlappingMarkerSpiderfier (Vue.js)

我正在尝试为我的 Google 地图实现 OverlappingMarkerSpiderfier,它之所以有效,是因为当我单击标记时,我的标记能够“蜘蛛化”。

我的问题是,在我的 VS Code 开发控制台中,ESLint 仍然给我错误“OverlappingMarkerSpiderfier”未定义。我真的不知道问题出在哪里,因为当我单击它们时,我的标记按预期工作。下面是一张显示 OverlappingMarkerWorkers 的图片,即使 ESLint 出现错误:

在此处输入图像描述

我想摆脱该错误,以防将来因此而出现错误。我搜索了解决方案,很多人评论说 OverlappingMarkerSpiderfier 应该在 Google Maps 加载后加载。我已经这样做了,但错误仍然存​​在。

我异步加载我的谷歌地图;下面是我加载 Google 地图和 OverlappingMarkerSpiderfier 的 .js 文件:

以下是我的 GoogleMaps 组件。OverlappingMarkerSpiderfier 实现位于“watch”中: