3

我有一个带有两列纬度和经度的模型位置。我想找到一种方法来获取位置列表并使用 Ajax 和 javascript 将它们传递到谷歌地图。到目前为止，我的代码如下：

地图.js：

function initialize() 
{   
    var map;
    var latlng = new google.maps.LatLng(37.09, -95.71);
    var options = {
    zoom: 5, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true,
    disableDoubleClickZoom: true,
    noClear: true,
    navigationControl: true,
    navigationControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
    }
    };
   map = new google.maps.Map(document.getElementById('map'), options);

   var marker = new google.maps.Marker({
    position: latlng, 
    map: map, 
    title: 'Click me', 
    });
}

位置控制器.rb

def show
    @location = Location.find(params[:id])

    respond_to do |format|
      format.html # show.html.erb
      format.json { render json: @location }
    end
  end

显示地图的页面：

<div id="map" onload="initialize();">
</div>

所以现在我想找到一种从 map.js 发出 AJAX 请求的方法，这样我就可以从 Location 模型中获取位置并将其传递给标记对象，以便在地图加载数据库中预先存在的所有位置时被传递给标记并且那些标记出现。

谢谢你。

4

1 回答 1

8

哦，我能够找到获取位置列表的方法。控制器和视图保持不变。

我在 map.js 中添加了以下 ajax，它为我完成了工作。

$.ajax({
        type: "GET",
        dataType: "json",
        url: "/locations",
        success: function(data){}
    });

现在可以将数据传递给谷歌地图中的标记对象。

于 2012-07-21T16:00:11.717 回答