添加数千个标记 Google Map API V3

2023-12-25

我目前正在组装一个演示应用程序,需要在地图上显示 28,000 个标记,而不使用任何类型的聚类。问题是,将标记添加到地图上花费的时间太长,以至于浏览器崩溃!这是当前的流程

-从数据库中检索地图点,包括 LAT 和 LONG(无需进行地理编码) - for 循环循环遍历每个返回值并执行以下操作:

  var marker = new google.maps.Marker({
                 position: point,
                 animation: google.maps.Animation.DROP,
                 map: map,
                 title: value.Title,
                 icon: icons['store']
             });

             google.maps.event.addListener(marker, 'click', function () {
                 var hidingMarker = currentPlace;
                 var slideIn = function (marker) {
                     $('#Name', info).text(place.Title);
                     $('#Phone', info).text(place.Description);
                     $('#Address', info).text(place.Proper_Address);
                     $('#LastSale', info).text("Last Sale:" + place.Last_Sale);
                     info.animate({ right: '0%' });
                 }

- 标记插入,用户可以单击其中任何一个来查看一些信息

是否有更有效的方法来执行此操作,以便无需对它们进行聚类即可显示 28,000 个?我发现以前有人写过一些脚本来处理它,但它们都是针对 api V2 的。非常感谢任何链接或代码! 谢谢!


根据我的经验,同时显示地图上许多标记的唯一真正方法是使用融合表(它确实有一些限制和其他需要解决的挑战)。用于处理这么多标记的所有其他解决方案都涉及某种形式的聚类,或者无法使用宽变焦。

http://www.google.com/fusiontables/Home/ http://www.google.com/fusiontables/Home/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

添加数千个标记 Google Map API V3 的相关文章

随机推荐

  • 在 Maven 配置文件中使用属性标签

    我指的是 Maven 完整参考 尤其是有关配置文件的部分 其中记录了使用
  • 是否有 Visual Studio 2015 调试步骤跳过?

    我安装了新版本的 Visual Studio Community 2015 打开旧的 Visual Studio 2010 项目 他们编译没问题 然后当我需要调试它们时 我发现了一些奇怪的事情 When I try to Step Over
  • 从 Delphi 中的其他单元定义类型

    Var A Array 1 4 of Integer B Array 1 4 of Integer Begin A B 不会像 loren pechtel 所说的那样工作here https stackoverflow com questi
  • 想要覆盖Bootstrap,但如何避免使用!important?

    我正在使用 Bootstrap 并想要覆盖一些 css 当处于禁用状态时 我将删除表单字段中的背景 边框和不允许的指针 这就是我的 css 的样子 no extras border 0 important box shadow none i
  • 在Mac上围绕整个屏幕绘制红色矩形

    有没有办法以某种方式在整个屏幕周围绘制红色 边框 我不想在应用程序的窗口内绘图 我希望在显示红色边框时能够使用其他程序 我想真正向用户发出信号 表明计算机处于特殊模式 Windows 不需要是不透明的 并且可以设置为忽略鼠标事件 使用它可以
  • 什么是元编程?

    参考这个问题 https stackoverflow com questions 980206 c when why if ever should i think about doing generic programming meta p
  • 如何获取字符串并每次从数组中返回字符串?

    我有这个功能 private string offline string targetDirectory string directory try string dirs Directory GetDirectories targetDir
  • R 和 nvblas.dynlib(在 Mac 上)

    我的 mac 上安装了 RCRAN http cran r project org 我还通过安装了 openblashomebrew https github com Homebrew homebrew science blob maste
  • 提交表单后如何将用户重定向到另一个页面?

    我想在 React JavaScript 中提交表单后重定向用户 例如当用户提交他 她重定向到的表单时google com或一些其他 URL 其中包含他 她在输入字段中输入的信息 我创建了一个简单的文件和提交按钮 这是我的示例代码 impo
  • 如何在Word-VBA中跳转到书签并插入文本?

    我正在尝试使用非常简单的Word宏创建一个Word文档 该宏搜索我放置在文本中的书签 然后在该位置添加一个未来 2 周后的日期 但是 当我从模板创建新文档时 我不断收到找不到书签的信息 我已经浏览过很多次了 有时书签在那里 有时它在那里但不
  • NSNumber 到 float 值

    当我转换时NSNumber使用 floatValue 来浮点值 精度上存在差异 例如 我有一个NSNumber myNumber 的值为 2 3 如果我使用 floatValue 将 myNumber 转换为浮点数 则其值变为 2 2999
  • 更新数据库中的记录时出错

    您好 我正在尝试通过我的表单和邮递员提交更新请求 但我在回复中不断收到相同的内容 因为它有效 updated 我的数据库中没有任何变化 这是我的函数 function update Request request Response resp
  • 如何防止暴露 AEM 中的内容层次结构路径?我正在寻找 AEM 级别和调度程序级别的替代方案

    举个例子 你将如何实现 A 将 www mysite com 的点击翻译为 www mysite com en 并 b 将上面的 www mysite com en 翻译为 content mysite en html 这是一个完整的例子
  • 将 Angular2 HTML 和 TypeScript 构建到单个文件

    我正在使用 Angular2 和 TypeScript 构建一个应用程序 大型 它将需要分为许多项目 每个项目将有许多组件 每个组件都有一个 html view css样式表和 ts逻辑 类 我希望每个项目都编译成一个 js文件并复制到将在
  • 获取 Laravel 5.3 中提交按钮的值

    我的页面上有一个表格
  • HTML5 样板、HTML5 重置 CSS 验证

    我正在为我的 Web 项目选择 HTML5 模板 过去几个月我一直在使用 HTML5 Initiliazr 它使用 Boilerplate 但决定重新评估这两个模板 因为我不喜欢 HTML5 Boilerplate 的 CSS 对 W3 C
  • 自动调整大小遮罩在 iOS 中何时生效?

    我有一个笔尖 最初是为 iPhone 应用程序创建的 尺寸为 320x480 并设置了自动调整大小蒙版 以便在其超级视图很大时在各个方向上扩展视图 我现在正在使我的应用程序变得通用 并使用相同的笔尖并将其显示在 iPad 上的页面表中 我的
  • 如何更改ggplot2的scale_fill_brewer中一个值的颜色值?

    我有一个 R 数据框 df 我在 ggplot2 中将其绘制为条形图 并根据数据框中的列进行着色 df type 现在 我正在使用默认的着色模式 scale fill brewer 来指定颜色 如何将黑色分配给一个值 df type 1 并
  • 解析文件名中丢失的字符,就像读取/斜杠字符一样

    计算机上的文件名是这样命名的 quant ph9501001 math9901001 cond mat0001001 hep lat0308001 gr qc0703001 但在 http 链接上文件名是 包括角色 quant ph 950
  • 添加数千个标记 Google Map API V3

    我目前正在组装一个演示应用程序 需要在地图上显示 28 000 个标记 而不使用任何类型的聚类 问题是 将标记添加到地图上花费的时间太长 以至于浏览器崩溃 这是当前的流程 从数据库中检索地图点 包括 LAT 和 LONG 无需进行地理编码