java - Google map api v3 - 多个标记、多个信息窗口、3 个图标

Question

我想制作“WiFi map ”，但这样做有问题，我想要 3 个 OPEN/WEP/WPA 图标，以及很多标记，每个标记都有自己的信息窗口，并且顶部只有 1 个信息窗口，所以当我单击#1，然后单击#2 时，#1 将隐藏。 如果我有 XXXX 标记，则缩小时它们在 map 上会出现问题，是否可以将其设置为当一个地方有很多标记时，所有标记都不会在缩小时显示，但在放大时显示，是吗？

我在 MySQL 数据库中拥有有关网络的所有信息，因此在 PHP 中可以很容易地显示它，就像在官方谷歌地图文档/v3/overlays.html#ComplexIcons 上的教程中一样<-所以按照这个我可以举个例子

  var nodes = [
['WKKOZ',50.192843,18.967801,nodewep,1],
['airlive',50.193056,18.967974,nodeopen,2],
['Zurawia-3',50.198398,18.974723,nodeopen,3],
['siec dol',50.19303,18.96796,nodewep,4],
['KP_8_1',50.193092,18.96801,nodewep,5],
['Natalia',50.19286,18.967812,nodewpa,6],
['Z104',50.192591,18.967588,nodewep,7],
['D2',50.192499,18.96876,nodewep,8],
['Niesia',50.192474,18.968239,nodewpa,9],
['boolean',50.192539,18.967545,nodewpa,10],
['neostrada_0d65',50.192179,18.96758,nodewep,11],
['neostrada_2d38',50.192216,18.96761,nodewep,12],
['Belkin_G_Wireless_9B7BF7',50.192191,18.969261,nodeopen,13],
['Trans_FijPn',50.1939,18.979565,nodeopen,14],
['dlinklis',50.193113,18.968024,nodewpa,15]

请帮助我!:)

顺便说一句:我的 MySQL 数据库格式为 http://wklej.to/7Puw/html

Answer 1

我认为您是在问如何在 map 上放置大量标记，这些标记在更高的缩放级别下会隐藏。这称为标记聚类。

有一些 Javascript 库可以在客户端实现集群，并且很容易集成到现有的混搭中:

• MarkerClusterer - 我used这是一个混搭，发现它很容易集成，有一组很好的默认图标。
• ClusterMarker - 我没用过这个，但看起来很实用。

您还可以阅读此blog post其中涵盖了各种替代方案或此 blog post其中讨论了服务器端集群的细节。