通过 ajax 的 Google-Maps-for-Rails 中心地图

发布于 2024-10-31 16:55:11 字数 786 浏览 2 评论 0原文

我正在通过 ajax 设置一个新标记，我想知道如何使用自定义缩放级别将地图居中在新点上，我以这种方式制作：

  def geocode
pos = Gmaps4rails.geocode(params[:address])
render :update do |page|
    unless pos.blank?
        page << "$('#poi_latitude').val(#{pos.first[:lat]});"
        page << "$('#poi_longitude').val(#{pos.first[:lng]});"
        page << "if (marker != null) { marker.setMap(null); }"
        page << "var myLatlng = new google.maps.LatLng(#{pos.first[:lat]},#{pos.first[:lng]});"
        page << "marker = new google.maps.Marker({position: myLatlng, map: Gmaps4Rails.map});"
                    page << "Gmaps4Rails.map.centerAndZoom(myLatlng, 0);"

    end
end

end

但我收到错误，因为方法 centerAndZoom 未定义到 gmaps4rails 中。 js，我应该将其定义到js中还是有其他方法？谢谢

原文

I'm setting a new marker via ajax and I was wondering how to center the map on the new point with a custom zoom level, I made in this way:

  def geocode
pos = Gmaps4rails.geocode(params[:address])
render :update do |page|
    unless pos.blank?
        page << "$('#poi_latitude').val(#{pos.first[:lat]});"
        page << "$('#poi_longitude').val(#{pos.first[:lng]});"
        page << "if (marker != null) { marker.setMap(null); }"
        page << "var myLatlng = new google.maps.LatLng(#{pos.first[:lat]},#{pos.first[:lng]});"
        page << "marker = new google.maps.Marker({position: myLatlng, map: Gmaps4Rails.map});"
                    page << "Gmaps4Rails.map.centerAndZoom(myLatlng, 0);"

    end
end

end

but I get an error because the method centerAndZoom is not defined into gmaps4rails.js, should i define it into the js or there is another way?
Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天煞孤星 2024-11-07 16:55:11

Gmaps4rails 是一个包装器，因此 google 对象保留其所有属性。

您的行 Gmaps4Rails.map.centerAndZoom(myLatlng, 0); 不起作用，因为 centerAndZoom 不是有效的方法（您在哪里找到它？参考在这里：http://code.google.com/apis/maps/documentation/ javascript/reference.html ）

否则，您的问题已在此处得到解答：https://github.com/apneadiving/Google-Maps-for-Rails/wiki/Dynamic-%28or-Ajax%29-map-refresh

您可以使用 replace_markers 或 add_markers。

您还可以调整地图的设置，使其按照您想要的方式居中： https://github.com/apneadiving/Google-Maps-for-Rails/wiki/Map

特别参见 auto_adjust。