如何在同一页上显示两个gmaps4rails，一个是常规地图，另一个是街景(谷歌地图和Rails)

在同一页上显示两个gmaps4rails，一个是常规地图，另一个是街景，可以通过以下步骤实现：

安装和配置gmaps4rails gem：在Gemfile中添加gem 'gmaps4rails'，然后运行bundle install安装依赖。接着，生成gmaps4rails的配置文件和视图文件，可以使用rails generate gmaps4rails:install命令。
创建地图视图：在Rails的视图文件中，可以使用gmaps4rails提供的helper方法来创建地图。首先，创建一个常规地图的div容器，并设置其id属性，例如<div id="map"></div>。然后，在对应的控制器中，设置地图的中心点和标记点等信息，并将这些信息传递给视图。
创建街景视图：类似地，在视图文件中创建一个街景的div容器，例如<div id="streetview"></div>。在控制器中，设置街景的位置信息，并将其传递给视图。
初始化地图和街景：在JavaScript代码中，使用gmaps4rails提供的API来初始化地图和街景。首先，创建一个地图对象，指定其容器id和其他配置选项，例如：

var map = new Gmaps4RailsGoogle();
map.initialize();

然后，创建一个街景对象，指定其容器id和位置信息，例如：

var streetview = new Gmaps4RailsStreetview();
streetview.initialize();

总结：在同一页上显示两个gmaps4rails，一个是常规地图，另一个是街景，需要通过gmaps4rails gem提供的功能来创建地图和街景的视图，并使用JavaScript代码来初始化它们。同时，可以使用CSS来调整它们的样式和布局。具体的实现步骤可以参考上述内容，并根据实际需求进行调整。

腾讯云相关产品推荐：

请注意，以上链接仅供参考，具体选择和使用腾讯云产品时，请根据实际需求和官方文档进行判断和操作。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云