任何人都知道如何更改 Google-Maps-for-Rails 地图的大小答案

【问题标题】：anyone know how to change the size of a Google-Maps-for-Rails map任何人都知道如何更改 Google-Maps-for-Rails 地图的大小
【发布时间】：2011-04-20 05:11:47
【问题描述】：

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

现在，我正试图弄清楚如何删除谷歌控件并更改地图的大小。有好的文档here 的开始，但我找不到如何做这么简单的事情。我能够进入 css 文件并更改 div 的宽度：但这是脆弱的，而不是我认为作者想要的方式。

函数加载：

window.onload = function() {Gmaps4Rails.map_options.auto_adjust = true;Gmaps4Rails.initialize();Gmaps4Rails.markers = [{"description": "", "title": "", "sidebar": "","经度：“-77.0934”，“纬度”：“38.8115”，“图片”：“”，“宽度”：“”，“高度”：“”}];Gmaps4Rails.create_markers();}

所以它似乎是一个原生选项。非常感谢任何帮助。

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-3

【解决方案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。

【讨论】：

我想我可能会走这条路——谷歌地图插件太重了，对我来说不够灵活

【解决方案2】：

来自Gmaps4rails : Setting map width and height：

#gmaps4rails_map { 宽度：800 像素；高度：400px； }

【讨论】：