使用 rails 将数据填充到 Google 地图上

Question

我有一个 rails 应用程序，它使用 Google 地图 API 来查找您所在地区的接送游戏。您可以使用 Places 库创建游戏并设置您想玩的地方（我已经记下了）。但是，现在我正在努力做到这一点，以便当您单击一个按钮时，它会获取人们创建的那些位置并将它们填充到地图上。

我有一个带有地址列的游戏模型，我正在尝试获取该地址信息并在用户按下按钮时让它在地图上弹出。

有人知道我该怎么做吗？谢谢

Answer 1

我会在两个 gem 的帮助下解决这个问题：

gem 'geocoder'
gem 'gmaps4rails'

虽然您当然可以绘制地址，但我喜欢使用 'after_save' 方法将这些地址转换为经纬度坐标（您必须向游戏模型添加两列）。

class Game < ActiveRecord::Base

  after_save :cache_coordinates

  def cache_coordinates
    loc = Geocoder.coordinates(address)
    return if loc.nil?
    update_column(:latitude,  loc[0])
    update_column(:longitude, loc[1])
  end
end

确保按照此处概述的说明使 Gmaps 正常工作： Google-Maps-for-Rails

你的地图控制器看起来像这样（不要忘记添加到路线...）

class MapsController < ApplicationController
  respond_to :html, :js

  def index
    @geolocations = Game.all
    @hash = Gmaps4rails.build_markers(@geolocations) do |geolocation, marker|
      marker.lat geolocation.latitude
      marker.lng geolocation.longitude
    end
  end
end

简单的视图应该是这样的：

// use your API key here...
<%= javascript_include_tag "//maps.google.com/maps/api/js?v=3.23&amp;sensor=false&amp;libraries=geometry&key=YOURKEY" %>
<%= javascript_include_tag "//cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.js" %>
<script>
    var mapStyle = [];
    var mapOptions = {};
    var handler = Gmaps.build('Google',
            {markers:
            {clusterer: {
                gridSize: 20,
                maxZoom: 13
            }}});
    handler.buildMap({
        internal: {id: 'multi_markers'},
        provider: {
            scrollwheel: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

    }, function(){
        var markers = handler.addMarkers(<%=raw @hash.to_json %>);
        // some options you may or may not want to use
        handler.map.centerOn([40.397, -95.644]);
        handler.fitMapToBounds();
        handler.getMap().setZoom(4)
    });
</script>

使用 rails 将数据填充到 Google 地图上

Populating data onto Google Map with rails

javascript

google-maps

ruby-on-rails

google-maps-markers