javascript - 空白 leaflet-js map (带有 gem 助手和 native 代码)

Question

我正在尝试在我的应用程序的 Rails View 上显示 leaflet-js map 。

首先，我尝试使用 leaflet-rails gem 。我按照所有说明进行操作，但没有成功。

然后，我继续按照leaflet-js quick start quide进行操作。说明但它也不起作用。

在这两种情况下我得到的是下面的页面(注意右侧的 map 是“空白”):

这是我的代码:

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

传单.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

我完全不知道自己做错了什么，所以任何提示都会有很大帮助!

Answer 1

您是否已将网址中的“API-key”替换为您的 API key ？