[英]JavaScript leaflet map sample will not show
我試圖在我的網站上顯示傳單,它只是不會顯示,我正在關注http://leafletjs.com/examples/quick-start.html的簡單教程,並且瓷磚不加載只是獲取灰色地圖,這就是我在頁面上的內容
<head>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<style type="text/css">
#map {
height: 180px;
width: 500px;
}
</style>
</head>
<body>
<div id="map">
</div>
<script>
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © <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);
</script>
</body>
多數民眾贊成在地圖上只顯示一個灰色區域有沒有人讓這個工作? 我正在使用Internet Explorer 10,但地圖也沒有顯示o firefox或chrome。
當然。 您必須從磁貼服務中獲取API密鑰。
var map = L.map('map').setView([36.7667, 13.5833], 13);
L.tileLayer('http://{s}.tile.cloudmade.com/74b831354f3554faa108ac65e3/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © <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);
var marker = L.marker([36.752866, 13.556323]).addTo(map);
請注意74b831354f3554faa108ac65e3
。 這不適合你。 您可以使用此服務獲取API密鑰
編輯2014年4月27日:CloudMade不再免費。 您可以使用:MapQuest,MapSurfer.NET或openstreetmap.de
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.