如何使用可选择的graticle创建可缩放,可平移,可滚动的地图?

时间:2015-05-31 04:20:46

标签: jquery ruby-on-rails html5 google-maps d3.js

在Ruby on Rails应用程序中,我需要创建一个覆盖有可选格子/网格方块的地图。

有许多地图服务(例如Google,OpenStreetMap等),事实上该应用已在其他地方使用Google地图。

但现在我需要使用具有可选刻度的网格覆盖地图。

网格尺寸被定义(例如,1度)并且应该与纬度/经度线对齐(即,应该与地图滚动,平移和缩放)。

网格用x-y坐标标记(例如,x轴标记为A至Z,而y轴标记为1至30)。选择刻度应返回其x-y坐标并使用此值更新表单域。

显然,我可以通过分割地图图像并从每个图块创建按钮来实现这一目标。但是我会失去缩放和平移的能力。

我希望尽量减少应用程序所需的库数量,并尽可能使用已经在使用的库,例如Google Maps和D3。

经过大量的Google搜索,我发现没有任何相关性。我将从哪里开始创建这样的功能?欣赏正确方向的任何建议或指示。

1 个答案:

答案 0 :(得分:0)

我正在考虑这样的事情因为我将在接下来的几个月内编写这样的函数。我想通过创建一系列矩形多边形进行地理定位来模拟这一点,可以根据具有适当z-index的其他对象正确分层的click事件来选择它们。多边形可以具有边缘,颜色和不透明度以配置外观和感觉。有了这个假设,不需要任何额外的JavaScript库。普通的谷歌地图绰绰有余,所有工作都集中在多边形阵列的管理上,根据你想要完成的网格和多边形上单个事件的管理来确定它的数量。如果要显示文本,您将遇到一个难题。 Google地图不提供工具来为您提供此功能,为什么您可能需要其他库,例如http://google-maps-utility-library-v3.googlecode.com/svn/trunk/maplabel/examples/maplabel.html