任何人都知道如何更改Google-Maps-for-Rails地图的尺寸​​

Question

我已经安装了甜美的Google-Maps-for-Rails插件，这似乎正在积极开发之中。

现在，我想弄清楚如何删除谷歌控制和更改地图的大小。有良好的文档here开始，但我无法找到如何做这件简单的事情。我能够进入CSS文件并更改div的宽度，但这是脆弱的，而不是我认为作者所期望的。

功能负荷：

 
window.onload = function() {Gmaps4Rails.map_options.auto_adjust = true;Gmaps4Rails.initialize();Gmaps4Rails.markers = [{"description": "", "title": "", "sidebar": "","longitude": "-77.0934", "latitude": "38.8115", "picture": "", "width": "", "height": ""} ];Gmaps4Rails.create_markers();} 

所以它似乎是一个天然的选择。任何帮助不胜感激。

Answer 1

这是很容易实现的GoogleMaps即使不使用插件。 基本上所有你需要做的是包括gmaps JavaScript中的头：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

和初始化函数：

function initGmaps() { 
var latlng = new google.maps.LatLng(48.839234,12.969335); // to be replaced with desired latitide/langitude 
var myOptions = { 
    zoom: 16, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    center: latlng 
}; 
var myMap = new google.maps.Map(document.getElementById("gmaps"), myOptions); 

var marker = new google.maps.Marker({ 
    position: latlng, 
    map: myMap, 
    title:"marker title" 
});  

}

和你做。

宽度和高度将由所选div的css指定，在本例中为#gmaps。

Answer 2

从Gmaps4rails : Setting map width and height：

 
#gmaps4rails_map { 
    width: 800px; 
    height: 400px; 
}