向谷歌地图添加许多圆圈

2023-12-31

我试图在谷歌地图上绘制许多圆圈(大约 1000 个),在不同的位置和大小,然后将点击事件绑定到它们。但这么多的电话new google.maps.Circle(parameters);使页面加载缓慢,有时它会永远挂起,所以我想弄清楚是否有更好/更快的方法来完成我想要做的事情。

我看到有一个叫做 kml 图层的东西,但似乎没有任何简单的方法可以用它绘制实心圆圈,并且我不确定是否仍然可以将单击事件绑定到图层中的每个单独的圆圈。

看着圈子解决方法 http://code.google.com/apis/kml/faq.html#circle在 google KML 常见问题解答页面上,我不确定生成包含数千个与此类似的圆圈的 KML 文件是否最终会节省时间。

我也不知道如何生成这个 kml 文件。

最后,考虑到我正在尝试从数据库中提取圆圈,因此我要么必须动态生成 KML 文件以供使用,要么在每次删除圆圈时生成一个新文件,或者从数据库添加,以便文件保持最新。

当然,如果还有其他选择,我洗耳恭听!


在其他人的帮助下,通过Google 地图 API v3 组 https://groups.google.com/d/topic/google-maps-js-api-v3/WaUq7OyGDnU/discussion,我能够实现一个地图叠加层,它可以很好地处理 10,000 个点。诀窍是使用画布平铺覆盖,最大限度地减少 DOM 元素的数量,以换取更简单/更轻量级的 POJsO(普通的旧 JavaScript 对象)。

带鼠标单击事件的演示页面(仅限 API v2):http://notebook.kulchenko.com/maps/datamark http://notebook.kulchenko.com/maps/datamark
带光标交换的演示页面(API v2 和 v3):http://notebook.kulchenko.com/maps/gridmark http://notebook.kulchenko.com/maps/gridmark

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

向谷歌地图添加许多圆圈 的相关文章

  • Google 地图在某些浏览器上不被识别为矢量地图

    我已经构建并部署了一个 next js 应用程序 该应用程序在 react google maps api 的帮助下显示地图 此外 我使用 Google 地图 数据驱动 API 来创建显示邮政编码边界的要素图层 我已将其部署到 Vercel
  • 如何在 CSS 中设置三角形蒙版的样式?

    我一直在研究如何使用 css 制作这个 逆三角形 背景 我指的是背景 固定 图像顶部底部的白色对角部分 我得到的最多的是形状 这显然不是一个好的解决方案 因为它是为了反应灵敏设计 我不在乎当窗口变窄时是否只有一条对角线 只要没有水平滚动即可
  • 判断一个点是否在直角三角形内

    我一直想知道最简单的方法来确定一个点是否位于三角形内 或者在这种情况下 判断一个点是否位于对角线切成两半的矩形内 假设我有一个 64x64 像素的矩形 对于这个矩形 如果传递的点位于矩形的左上角 我想返回 TRUE 值 否则返回 FALSE
  • 多个点之间的最短路线

    我需要找到多个点之间的最短路线 假设我有以下四点 var startPoint new Point 1 1 var pointsToGoPast new List
  • 如何在pyqt5中创建小部件来显示谷歌地图

    如何从用户那里获取纬度和经度并在 pyqt5 小部件的地图上显示该位置 我的操作系统是Windows 我找到了这个链接 https github com eyllanesc qMap https github com eyllanesc q
  • 根据城市名称谷歌地图获取坐标

    我正在尝试使用谷歌地图创建基于城市的坐标 这是我现在拥有的示例 我总是收到错误 var address Zurich Ch var geocoder new google maps Geocoder geocoder geocode add
  • 如何在通过鼠标拖动选择的区域内获取标记?

    In Brief我想找到位于通过在地图上拖动鼠标创建的矩形区域内的所有标记 任何 jQuery 插件或其他插件是否支持此功能 如果没有 我想在我的项目中实现这一点 我想这会很酷 Details我正在使用 Google 地图 v2 因为我想在
  • 以编程方式设置谷歌地图片段可见性(API2)

    xml
  • 使用 Selenium 放置嵌入的谷歌地图标记

    我有一个 asp net 网站 作为向导的一部分 它使用嵌入式谷歌地图通过单击地图放置标记来选择位置 我如何使用 Selenium 实现自动化 我特别尝试过 ClickAt 双击 鼠标按下 鼠标按下 在所有情况下 传递地图 div id 作
  • 如何找到平面和 3d 矩阵之间的交平面

    如果我有一堆图像并且尺寸如下 size M 256 256 124 我有 3 个点 它们的坐标是 coor a 100 100 124 coor b 256 156 0 coor c 156 256 0 如何创建 M 与这 3 个点定义的平
  • angular2-google-maps 自动完成功能不起作用

    我正在尝试使用 angular2 google maps 将自动完成功能添加到我的项目中 我在 AppModule 中添加 AgmCoreModule forRoot 带有库 places 然后在组件中添加自动完成代码 我仍然收到 无法读取
  • 用不同的颜色为 Google 热图着色

    我试图开发一个遵循 Google Map API 的热度 https developers google com maps documentation javascript examples layer heatmap https deve
  • 球体表面上(经度、纬度)点的凸包

    标准凸包算法不适用于 经度 纬度 点 因为标准算法假设您需要一组笛卡尔点的包 纬度 经度点是not笛卡尔坐标系 因为经度在反子午线处 环绕 180 度 即 东经 179 度以东 2 度为 179 因此 如果您的点集恰好横跨反子午线 您将错误
  • Google Maps API (v3) 添加/更新标记

    编辑 它现在可以工作 但如果用户不允许或没有基于位置的服务 则不会加载 请参阅 jsfiddle 示例接受的答案评论 我已经浏览了一些教程和问题 但我无法安静地理解正在发生的事情 或者在这种情况下 没有发生 当用户单击链接时 我正在加载地图
  • 设置反向地理编码 Gmaps v.3 的语言

    现在有人如何设置反向地理编码 php 响应的语言吗 始终设置 en Here is the code code api key url http maps google com maps geo q 49 8411860 30 106658
  • Google 地理编码——解析可能返回不同结果的地址组件

    我正在使用 Google 地图 V3 api 我正在提交地址搜索以返回正确的地理编码结果 包括地址 机构名称和纬度 经度 我的问题是地理编码器的响应可以采用不同的格式 它始终遵循相同的结构 但某些响应对地址组件数据结构使用不同的键 例如 某
  • 谷歌地图在网络应用程序中离线

    如何下载谷歌地图中的所有图像以在网络应用程序中永久使用离线访问 我可以使用以下命令执行在线操作 src maps googleapis com maps api js sensor false language en 但我需要通过在线下载所
  • 地理编码服务与 gMap 搜索之间的差异结果

    我想获取此地址的纬度和经度 Boulevard de la Marne Zone industrielle COULOMMIERS 77120 France 我将 api 添加到我的页面 当我使用 gmaps 时 结果很好 但是当我想通过
  • 如何在 MATLAB 中绘制纹理映射三角形?

    我有一个三角形 u v 图像中的坐标 我想在 3D 坐标处绘制这个三角形 X Y Z 与图像中的三角形进行纹理映射 Here u v X Y Z都是具有三个元素的向量 代表三角形的三个角 我有一个非常丑陋 缓慢且令人不满意的解决方案 其中我
  • 是否可以在 Google 地图中嵌入侧边栏?

    我们想使用 Google 地图来跟踪当地的车库销售情况 我们创建了一张地图 我们希望将该地图嵌入到我们的网站上 然而 当我们这样做时 我们会丢失地图的侧边栏 其中包含所有车库销售的列表 我们非常熟悉如何嵌入Google 他们使这个过程变得非

随机推荐

  • R:计算抛硬币的频率

    我正在使用 R 编程语言 我模拟了这个包含 1000 次硬币翻转的数据集 然后我计算了 2 个翻转序列 的数量 Coin lt c H T Results sample Coin 1000 replace TRUE My Data data
  • Node.js 隔离物是什么?为什么他们现在都死了?

    在0 7 0中 实验分离支持 http blog nodejs org 2012 01 16 node v0 7 0 unstable 原文如此 已推出 除了一些模糊的想法之外 我一直不理解这一点 即它们提供了类似线程的功能 但没有线程的问
  • g.i.cs 文件丢失,类不再包含 InitializeComponent 的定义

    我在业余时间开发了一个 UWP 项目 以掌握 UWP MVVM 和 Prism 该项目最初非常经典 没有使用 MVVM 和 Prism 我一直在努力将这两个纳入该项目 我一直依赖着https msdn microsoft com en us
  • 如何在ARKit中使用环境贴图?

    ARKit 2 0 添加了一个名为 AREnvironmentProbeAnchor 的新类 阅读它的说明 似乎 ARKit 可以自动收集环境纹理 立方体贴图 我相信我们现在可以创建一些反映真实环境的虚拟对象 但我仍然不清楚这是如何工作的
  • Swift 包管理器有本地缓存​​吗?

    每次我加载新包时 Xcode 都会从 Github 重新下载所有依赖项 而不是重用我已经为其他项目加载的一些依赖项 例如 我希望当我引用时 package name SwiftyJSON url https github com Swift
  • 如何查找表的当前大小(在内存中)?

    我有一个使用 engine MEMORY 指定的内存表 我可以运行什么命令来了解它当前占用了多少空间 最大尺寸怎么样 SHOW TABLE STATUS LIKE tablename G 其中 tablename 是您要检查的表的名称
  • 如何使用 python 库找到骨架图像中的循环?

    我有很多这样的骨架图像 我如何检测骨架中的循环 是否有 特殊 函数可以执行此操作 或者我应该将其实现为图表 如果只有图形选项 python图形库NetworkX可以帮助我吗 您可以利用骨架的拓扑结构 循环不会有洞 所以我们可以使用scipy
  • Keras ImageDataGenerator:随机变换

    我有兴趣通过随机图像转换来增强我的数据集 我正在使用 Keras图像数据生成器 https keras io preprocessing image imagedatagenerator 并且我在尝试申请时收到以下错误random tran
  • 俄罗斯方块棋子旋转算法

    表示和旋转俄罗斯方块游戏棋子的最佳算法 和解释 是什么 我总是发现片段轮换和表示方案令人困惑 大多数俄罗斯方块游戏似乎在每次旋转时都使用天真的 重新制作块数组 http www codeplex com Project ProjectDir
  • 使用 WPF 更改与窗口大小相关的字体大小?

    是否有可能 如果缩小窗口 FontSize 会变小 如果放大窗口 FontSize 会变大 将您的文本包裹在Viewbox
  • 视图内变量的范围是什么?

    如果我在 ASP NET MVC 视图中有如下代码 然后在页面下方 我在另一个代码渲染块中创建另一个脚本 我可以重复使用吗admin变量 它会记住页面上层的状态 还是范围就在 blocks 以下是我注意到的有关 MVC 范围的内容 内容控件
  • 如何测试 angularjs 指令来监视函数调用?

    下面的代码执行但抱怨 element popover 没有被调用 我似乎无法弄清楚问题是什么 提前感谢您的帮助 指示 angular module directives directive popOver function http ret
  • DCOM 出了什么问题?

    人们似乎对 DCOM 有很多敌意 我很想知道为什么 对于仍在使用 C 编写 Win32 SKD 的公司来说 是否有真正的理由在当前或未来的开发中不使用 DCOM 未来的某些 Windows 版本是否将不支持它 是否太脆弱 经常无法工作 与其
  • 关闭 iPhone 键盘

    我正在尝试重新创建类似于 safari 中使用的弹出键盘的东西 我可以通过在视图和相应按钮上放置一个工具栏来直观地重现它 但是一旦用户触摸完成按钮 我就无法找到任何方法来关闭键盘 您需要记住几件事 开发人员忘记设置的第一个部分是delega
  • 在 Objective-C 中使用枚举作为外部文件中的参数?

    我在文件 foo h 中有一个名为 RandomEnum 的枚举 foo h typedef enum RandomEnum ran 1 0 ran 2 RandomEnum 在另一个文件 bar h 中 我尝试使用 RandomEnum
  • ShareMem/ 与 Delphi DLL 进行字符串交换

    我希望快点 我正要深入研究一个 Delphi 5 遗留应用程序 它调用 DLL 也是用 D5 编写的 传递一个 DLL 可以根据需要修改的字符串 我有 DLL 和应用程序的代码 粘贴在 DLL 源代码顶部的是关于使用 ShareMem 的注
  • Jquery输入数组形式ajax

    我如何获取输入数组usernamejQuery 变量中的值users
  • Log4net:按 utc 日期而不是服务器日期滚动文件

    有没有办法让 log4net 在 utc 时间而不是服务器时间上滚动文件 现在我的文件以 utc 时间存储日志 但它会滚动 即在服务器时间每天创建一个新文件 服务器采用太平洋时间 因此昨天的文件包含今天文件的前 8 小时日志 例如 10 月
  • 调车场算法能解析POSIX正则表达式吗?

    乍一看 调车场算法 http en wikipedia org wiki Shunting yard algorithm似乎适用于 POSIX 正则表达式解析 但由于我在编写解析器方面没有太多经验 或理论背景 所以我想在跳入并编写一些东西只
  • 向谷歌地图添加许多圆圈

    我试图在谷歌地图上绘制许多圆圈 大约 1000 个 在不同的位置和大小 然后将点击事件绑定到它们 但这么多的电话new google maps Circle parameters 使页面加载缓慢 有时它会永远挂起 所以我想弄清楚是否有更好