问题标签 [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.
javascript - Google Maps OverlappingMarkerSpiderfier 实例化问题
我已经搜索了这个错误的网站,虽然有几个答案,但没有一个对我有用(或者不适用)。
我正在使用谷歌地图 API v3 并尝试实现 OverlappingMarkerSpiderfier 来解决我的重叠标记问题。我的问题是我无法创建 OMS 的实例:
我收到以下错误:
我已经验证错误发生在实例化时,而不是在标记创建/放置时发生。为了彻底起见,这是我试图用来放置标记的代码:
...
如果原始版本(从 github 下载)有问题,我还检索了 OMS 的不同副本。
如果您需要查看更多代码,请告诉我您要查找的内容。我刚刚发布了问题所在的行。我的地图在没有 OMS 的情况下正确生成 - 问题只是 oms 实例化。
javascript - 使用 OverlappingMarkerSpiderfier 时不要移动绑定的圆圈
当在同一个地方有多个标记或彼此非常接近时,我决定使用OverlappingMarkerSpiderfier 。
问题是,在我的范围内,每个标记都有绑定的标记,当触发 spiderfy 时会移动。
javascript - 谷歌地图重叠标记spiderfier总是保持spiderfied
即使我有 {keepSpiderfied: true},当我单击地图时,重叠的标记也不会被蜘蛛化,我怎样才能始终保持所有标记都被蜘蛛化?
当我有超过 2 个标记重叠时,我的自定义标记上的 Hitbox 也会出现问题,任何解决方案都会非常有帮助。
谢谢!
reactjs - 在同一位置反应谷歌地图/ Markerclusterer 多个标记
我在我的 React-redux 项目中使用 markerclusterer 来为所有公司绘制标记。我有 3 家公司的地址相同。当我放大地图时,我可以看到数字 3(标记集群),当进一步放大时,我只能看到 1 个标记(对于所有 3 家公司)。我需要显示一个标记(从 markerClusterer 中过滤具有相同地址的公司),当单击标记时,打开对话框以显示公司详细信息。最初加载地图时,会渲染标记(代码如下:)
javascript - 如何在将标记添加到地图时绘制标记
我使用 OverlappingMarkerSpiderfier(不确定这是否相关)在地图上放置了 300 多个标记,因此相同位置的标记被聚集在一起。目前代码工作正常,除了标记都同时显示在下面代码中的“for(var key in addresses['ASRAddr'])”循环的末尾。
我想要的是绘制地图,然后开始看到标记“下雨”到它们的位置。使用 DROP 属性完成“下雨”部分,但我无法弄清楚如何在每个标记添加到地图时绘制它。
这是几乎从stackoverflow中的片段拼凑在一起的代码(感谢所有做出贡献的优秀人员。不确定没有S/O我会做什么):
功能如下:
decodeAddr:读取包含所有节点的站点地址的 JSON getHC:读取包含节点运行状况的文本文件
其余的是用于向地图添加标记/信息气泡的常用代码片段。
javascript - 如何修复谷歌地图中的重叠标记错误
我有一个包含 5 层的谷歌“我的地图”地图。我已将每个图层导出为 .kmz 文件,并使用 Google Maps javascript API 将这些图层导入 custom.html 文件。
代码如下。我要解决的问题是共享相同纬度/经度的重叠标记。每个位置最多可以有 5 个重叠标记(我的地图的每一层都有 1 个)。
我已经看到一些关于添加“spiderfy”库来解决这个问题的参考资料。但是,我找不到任何表明它适用于 KML 图层数据的示例。
spiderfy 可以处理 .kml 文件吗?我试图在 spiderfy github 站点上的“基本演示”中实现代码,但它不是 spiderfy。
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 来使用这个插件吗?怎么会这样?
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 :
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
javascript - 我可以将 OverlappingMarkerSpiderfier 与 react-google-maps 一起使用吗?
我正在开发一个使用react-google-maps
(https://github.com/tomchentw/react-google-maps)库的项目。
它运作良好,但我们偶然发现了重叠标记的问题。我们案例的理想解决方案是使用这个插件:https ://github.com/jawj/OverlappingMarkerSpiderfier 。
有什么方法可以使用它react-google-maps
吗?
javascript - 未定义 OverlappingMarkerSpiderfier (Vue.js)
我正在尝试为我的 Google 地图实现 OverlappingMarkerSpiderfier,它之所以有效,是因为当我单击标记时,我的标记能够“蜘蛛化”。
我的问题是,在我的 VS Code 开发控制台中,ESLint 仍然给我错误“OverlappingMarkerSpiderfier”未定义。我真的不知道问题出在哪里,因为当我单击它们时,我的标记按预期工作。下面是一张显示 OverlappingMarkerWorkers 的图片,即使 ESLint 出现错误:
我想摆脱该错误,以防将来因此而出现错误。我搜索了解决方案,很多人评论说 OverlappingMarkerSpiderfier 应该在 Google Maps 加载后加载。我已经这样做了,但错误仍然存在。
我异步加载我的谷歌地图;下面是我加载 Google 地图和 OverlappingMarkerSpiderfier 的 .js 文件:
以下是我的 GoogleMaps 组件。OverlappingMarkerSpiderfier 实现位于“watch”中: