javascript - 空白的leaflet-js映射(同时包含gem帮助器和 native 代码)

我试图在我的应用程序的rails视图上显示一个leaflet-js映射。

首先，我尝试使用leaflet-rails gem。我遵循了所有说明，但是没有用。

然后，我继续按照leaflet-js quick start quide指令进行操作，但是它也没有起作用。

在这两种情况下，我得到的都是以下页面（请注意右侧的地图是“空白”）：



这是我的代码：

someplace.html.erb

<div id="map" class="large-5 columns">
    <!--<img src="http://placehold.it/600x300&text=map" />-->
</div>
<%= map(:container_id => "map",
        :center => { :latlng => [51.52238797921441, -0.08366235665359283],
        :zoom => 18 } ) %>

someplace.js.coffee

map = L.map("map").setView([51.505, -0.09], 13)
L.tileLayer("http://{s}.tile.cloudmade.com/myapikeyhere/997/256/{z}/{x}/{y}.png",
            attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a>
            contributors, <a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>,
            Imagery © <a href=\"http://cloudmade.com\">CloudMade</a>"
            maxZoom: 18).addTo map

leaflet.rb

Leaflet.tile_layer = "http://{s}.tile.cloudmade.com/myapikeyhere/997/256/{z}/{x}/{y}.png"
Leaflet.attribution = "Your attribution statement"
Leaflet.max_zoom = 18

对于我做得不好的事情，我一无所知，因此任何提示都将大有帮助！

最佳答案

您是否用API密钥替换了网址中的“ API密钥”？

关于javascript - 空白的leaflet-js映射(同时包含gem帮助器和 native 代码)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21206883/