Hipmunk.com 如何创建他们的多酒店地图标记?

How does Hipmunk.com manage to create their multi-hotel map markers?

提问人:Andrew G. Johnson 提问时间:9/4/2011 更新时间:9/5/2011 访问量:405

问:

因此,当我遇到 hipmunk.com 时,我正在浏览互联网上的网站,以获取有关如何改进我的许多网站上的地图的想法。如果您进行酒店搜索,您会发现,与其堆叠和塞满相邻酒店的地图标记,不如将它们分组。示例可以在 http://snpr.cm/5G3rLr.png 中看到 - 在该屏幕截图中,没有数字的圆圈代表一家酒店,而带有 2 的圆圈代表 2 家酒店。

他们似乎在地图上有某种网格,然后他们遍历了所有坐标,并将每家酒店放入网格上的一个单元格中。没有旅馆的像元不显示标记,有一家旅馆的像元显示一个圆圈,而有多家旅馆的像元显示一个带有数字的圆圈。我无法理解的部分是他们如何定义这个网格。有什么想法吗?

我知道这是一个有点模糊的问题,在某些情况下,我处于“猴子看,猴子想做”的情况,但我敢肯定,其他拥有地图网站的 Web 开发人员在看到 hipmunk 时对“如何”也有类似的问题。

谷歌地图

评论


答:

0赞 Andrew G. Johnson 9/5/2011 #1

对我来说,最大的谜团是想出一种方法将地图上的像素转换为纬度/经度坐标,反之亦然。事实证明,通过 Google 的 Maps API v3 做到这一点非常笨拙。这个例子在解决该问题方面给了我最大的帮助:http://www.william-map.com/20100416/1/map.htm