1

事实证明，这对 Google 来说是一件困难的事情。我知道谷歌似乎应该很容易。

我试图了解如何实现像gmaps.js这样的好库。

应用程序.html.erb：

<%= javascript_include_tag :defaults %>
<%= javascript_include_tag "gmaps" %>

不确定这两个是否都是必要的。我的 /vendor/assets/javascripts 文件夹中有 gmaps.js，使用 rails 3.2.3。我很想知道前者是否能处理它。

应用程序/资产/javascripts/indexmap.js：

new GMaps({
    div: '#map',
    lat: -12.043333,
    lng: -77.028333
});

index.html.erb：

<div id="themap">
    <%= javascript_include_tag("indexmap") %>
</div>

应用程序.css：

#themap{
  display: block;
  width: 95%;
  height: 350px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}

我得到的只是一个空白框。

4

1 回答 1

1

尝试使用 ":gmaps" 而不是 "gmaps"。

另外，尝试右键单击该框上的检查，并查看 JS 是否在 Chrome 的检查器中引发错误。

好的-更新，想通了。

您需要使用 Google Maps 和 JQuery 才能使其正常工作。本身没有 CSS，您需要在 jQuery 文档就绪块中建立对象。我已经压缩了这个工作的样本（在一个基本的 Rails 应用程序中）。

本质上，在 gMaps.js 之上包含 jQuery 和 Maps，然后包含一些 JS：

<server type="text/javascript">
$(document).ready(function(){
  map = new GMaps({
    div: '#map',
    lat: -12.043333,
    lng: -77.028333
  });
});
</script>
<div id="map" style="height:200px;width:200px;"></div>
于 2012-06-06T19:38:45.760 回答