Question

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

我正在努力了解如何实现像gmaps.js这样的好库。

application.html.erb：

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

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

应用程序/资产/ Javascript角/ indexmap.js：

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

index.html.erb

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

application.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;
}

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

Answer 1

尝试“：gmaps”而不是“gmaps”。

此外，请尝试右键单击框上的检查，然后查看JS是否在Chrome检查器中引发错误。

好的 - 更新，想通了。

您需要使用Google Maps和JQuery才能使其正常运行。没有CSS本身，您需要在jQuery文档就绪块中建立对象。我zipped a sample of this working (in a basic rails app)。

基本上，在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>

在rails app中实现javascript库

1 个答案: