ror项目ajax加载谷歌地图问题

时间:2013-09-16 09:01:16

标签: ruby-on-rails google-maps

我需要在我的ror(ruby on rails)项目中使用谷歌地图服务。但是我遇到了一些问题。据我们所知。我们需要将此标头包含到application.html.erb

<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE"></script>
<%= link_to 'ajax', boys_ajax_path(:format=>:js), :remote=>true %><div id='ajax' style='width:300px;height:300px;border:1px solid gray'></div>

ajax.js.erb代码

$("#ajax").html("<div style='width:100%;height:100%;border:1px solid gray' id='allmaps'></div>")
var map = new google.maps.Map(document.getElementById("allmaps"), {
            zoom: 15, 
            center: new google.maps.LatLng(31.3, 120.6), 
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            panControl: false, 
            scaleControl: false, 
            mapTypeControl: false, 
            streetViewControl:false,
            zoomControl: true, 
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL
            }
        });
var marker = new google.maps.Marker({ map: map, position: map.getCenter() });

当我第一次点击ajax按钮时。谷歌地图加载成功。但是,当我点击两次时。谷歌地图确实加载。什么'与谷歌地图错了。也许我们每次点击ajax按钮时都应该提交谷歌地图密钥    有没有办法解决我的问题。每当ajax动作发生时发送谷歌地图密钥..

1 个答案:

答案 0 :(得分:0)

有一个名为gmaps4rails的宝石可供选择。 here