问题标签 [markerclusterer]

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 投票
3 回答
1506 浏览

google-maps-api-3 - 标记聚类器 - 合并标记信息窗口内容

有没有人知道如何将信息窗口添加到集群标记,包含合并的标记信息窗口内容?

这是默认的标记聚类器行为: http ://www.psop.fr/MAP_Population_Google.php

谢谢

0 投票
3 回答
1187 浏览

jquery - Chrome 上的 Google Map v3、MarkerClusterer 和 jQuery 无法正常工作

固定:见下文

好的。所以这是我的应用程序。

http://libwiki.heroku.com/libraries

如果您使用 Firefox 或 Safari 查看它,它会正确显示。目标是在谷歌地图上显示澳大利亚的图书馆列表。我还将“MarkerClusterer”插件放在顶部,以便标记聚集。

但是,当我在 Chrome 中查看该站点时,没有显示标记。

所以在查看代码后,我发现 Chrome 没有正确响应。这是片段。

在 get_boundaries() 方法中,我抓取了地图的边界,并将其传递给我的 rails 操作之一,这样我只能获取给定边界内的库。

反正。警告“你好”消息在 FF 和 Safari 中正确显示,但在 Chrome 中,没有消息。

为什么会这样?我还需要做些什么来满足 Chrome 的需求吗?

我已经完成了搜索并在这里找到了类似的问题(http://stackoverflow.com/questions/4086837/markerclusterer-not-working-only-in-webkit-chrome-and-safari-fine-in-firefox) ,我应用了这个建议,但没有成功。

编辑 -

好的。我尝试了 Trott 的建议,但无济于事。我刚刚比较了 Firefox 和 Chrome 之间 Rails 控制台的输出。

在 Firefox 上,我得到如下内容

++++++++++++++++++++++++++++++++ 2011-05-23 20 开始为 127.0.0.1 获取“/libraries”: 42:30 +1000 LibrariesController#index 处理为 HTML 渲染库/_header.rhtml (0.7ms) 渲染库/_footer.rhtml (0.3ms) 布局/库中渲染库/index.html.erb (5.7ms) 完成 200 9 毫秒内确定(查看:8.2 毫秒 | ActiveRecord:0.0 毫秒)

在 2011-05-23 20:42:31 +1000 开始 POST "/get_libs" for 127.0.0.1 +1000 由 LibrariesController#get_libs 作为参数处理:{"top_lat"=>"-3.8857201725875936", "right_long"=>"159.3671875" , "bottom_lat"=>"-46.20993271642981", "left_long"=>"106.6328125"} 库负载 (1238.5ms) 选择 "libraries".* 从 "libraries" WHERE (latitude < -3.8857201725875936 AND latitude > -46.209932716429 AND(8经度> 106.6328125和经度<159.3671875)或(经度> 106.6328125和经度> 159.3671875和经度> 0 and 106.6328125> 159.3671875)或(经度++++++++++++++++++++++++++++++++

我想上面的重要一点是,在 FF 上,正在执行 jQuery“post”方法。但是,当我去 Chrome 时,我只能在下面。

++++++++++++++++++++++++++++++++ 2011-05-23 20 开始为 127.0.0.1 获取“/libraries”: 35:44 +1000 LibrariesController#index 处理为 HTML 渲染库/_header.rhtml (25.9ms) 渲染库/_footer.rhtml (0.3ms) 在布局/库中渲染库/index.html.erb (59.1ms) 完成 200 90 毫秒内确定(查看次数:89.1 毫秒 | ActiveRecord:0.0 毫秒)++++++++++++++++++++++++++++++++

为什么 Chrome 不执行我的 jQuery “post”?

0 投票
1 回答
1316 浏览

google-maps-api-3 - Google Maps Api V3:在某些缩放级别上限制 MarkerClusterer

我有一个 MarkerClusterer,如果缩放级别低于阈值,我想禁用它。

示例:缩放级别为 10,集群可见。阈值为 5,因此如果用户缩小以查看世界,则不应渲染所有标记。我不想清除标记,因为如果用户再次放大,它们需要显示出来。

0 投票
1 回答
996 浏览

javascript - googlemaps api MarkerClusterer 问题

我正在尝试使用 map api MarkerClusterer 功能但没有运气:

我查看了我能找到的所有示例,虽然我试图在 ajax 回调函数中执行此操作,但我看不出其他区别。我的标记在地图上正常显示,但没有聚类效果。

0 投票
0 回答
579 浏览

google-maps - 放大单个标记后如何使用markerclusterer替换地图API V3中的默认red-dot.png?

我正在使用 MarkerCluster。在充分放大标记后,它们正在分离,但图像是谷歌提供的默认 red-dot.png。有没有办法可以更改该默认值?我不是问如何更改群集图标,而是放大后的标记图标!

0 投票
1 回答
267 浏览

google-maps-api-3 - 在 Google 地图上创建 1000 个信息窗口的优化策略

我是 Google Maps API 的新手,刚刚接管了一个 RoR 应用程序,该应用程序使用 MarkerClusterer 在地图上绘制多达 2,000 个标记,每个标记都有一个关联的信息窗口。

当前实现在 JavaScript 中创建一个信息窗口内容字符串数组,并将 JavaScript 下载到浏览器。未压缩(没有服务器内容压缩),数组和 Javascript 可以大到 9 MB。

我发现与此实现相关的性能瓶颈是: 1. 在服务器上创建 2000 个字符串并将它们放入 JavaScript 数组的时间。(~4-5 秒) 2. 在发送到浏览器之前,服务器上压缩数兆字节 JavaScript 的时间。(~2-3 秒)

我最初的想法是为包含所有 HTML 格式的 infowindow 内容字符串创建一个模板,以便 infowindow 内容数组中包含的唯一数据是要显示的实际原始数字。这应该会大大减少在服务器上组装内容字符串数组的计算时间,并相应地减少数组在浏览器中消耗的内存。此外,一次只需要打开一个信息窗口。

由于不熟悉 Google Maps v3 API,我正在寻找有关这是否是最佳优化策略的任何指导。并且,任何指向实现此类策略的代码示例的指针。

提前致谢,

-斯科特

0 投票
1 回答
139 浏览

javascript - 将集群添加到谷歌地图 v2 api

我一直在尝试在我的谷歌地图中添加一个集群,但我没有运气。我知道我必须将集群器的库导入到我的 html 中,但除此之外我不确定。如果有人能指出我正确的方向,那就太好了(我正在寻找比集群器文档链接更深入的东西,我已经对此进行了足够多的审查:/)。这个页面有我所说的地图的代码:www.thebboymap.info。

0 投票
6 回答
28841 浏览

javascript - OpenLayers,漂亮的标记聚类

您知道如何在 OpenLayers 中进行良好的聚类,例如这个google 示例吗?

0 投票
1 回答
1424 浏览

jquery - 用于 ASPNET MVC 3 应用程序中谷歌地图的 MarkerClusterer 显示空白地图

我有一个 googlemap,我正在使用左侧的水平滑动面板来增强它,可以绘制多边形,现在我正在尝试添加 MarkerClusterer。没有这一行:

对于左侧的水平滑动面板和绘制多边形的可能性来说,它都很完美,但是,当我添加那条线时,我只会得到一个灰色框作为地图(没有用于放大或缩小的控件,所以我不需要缩小)。

可能是什么问题呢?

这是 ASPNET MVC 的视图

0 投票
2 回答
1766 浏览

javascript - 为什么集群不起作用?(谷歌地图 API V3)

我刚开始使用 google maps api 的第 3 版,我正在做一个简单的集群实现,但我不能让它工作。也许你可以看到我的错误在哪里,并帮助我让它工作:

更新 这是我看到的错误:

在此处输入图像描述