Ruby on Rails - Gmaps4Rails弹出一个更大的地图

时间:2012-06-01 10:25:45

标签: javascript ruby-on-rails ruby-on-rails-3 google-maps gmaps4rails

我是一名初学者,我正在使用rails 3.2.3。

在我的应用中,我通过apneadiving使用了令人敬畏的Google-Maps-for-Rails(它真棒!)

一切都运作得非常好,但我遇到了一个问题,并没有找到任何答案,我想做什么。

基本上我是在显示一张小地图,想要一个按钮,当用户点击它时,会显示一个更大的地图。 (基本上它将是相同的地图,只有更大的尺寸)

这样的事情:

<input type="button" onclick="myFunction()" value="Show a bigger map" />

我的问题是如何放入javascript函数中,如何显示带有@gmaps值的更大地图?

在gmaps css中创建一个更大的With和Height的新ID? 如何从我的@gmaps中提供JS数据?

任何提示?

很抱歉,如果这是一个天真的问题,我仍然习惯了RoR和Gmaps4Rails宝石。 提前感谢您的时间。

问候

1 个答案:

答案 0 :(得分:0)

我不太确定你想做什么,但我会说将一张地图的参数复制到另一张地图真的很容易。

事实上,在html中可以看到创建地图所​​需的整个代码,只需重现这些步骤。

gmaps_helper将为您的小地图完成工作。基本上,它遵循以下步骤:

Gmaps.map = new Gmaps4RailsGoogle();
//mandatory
Gmaps.map.initialize();
// then some code depending on your options
Gmaps.map.markers = some_array;
Gmaps.map.create_markers();

每当您想复制地图时,您应该按照相同的步骤操作:

Gmaps.bigmap = new Gmaps4RailsGoogle();
//mandatory to have the map created in the proper place
Gmaps.bigmap.map_options.id = the_id_of_your_html_div;
//still mandatory
Gmaps.bigmap.initialize();

//copy the specific parameters from the other map
Gmaps.bigmap.markers = Gmaps.map.markers;
Gmaps.bigmap.create_markers();