Tờ rơi Bản đồ Trống

Tôi đang làm hướng dẫn Bắt đầu Nhanh cho Leaflet và tôi tiếp tục nhận được một bản đồ trống. Tôi đang sử dụng JavaScript để khởi tạo bản đồ nhưng ngay cả với những gì tôi giả định là tất cả các mã viết tôi vẫn không thấy bản đồ. Vui lòng trợ giúp, mã của tôi dưới đây:Tờ rơi Bản đồ Trống

<!DOCTYPE HTML> 



<div id="map"> 
    <script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script> 
    <script type="text/javascript"> 
    var map = L.map('map').setView([28.23211669921875, -26.050065042385917], 10); 
    L.tileLayer('http://b.tilecloudmade.com/e7b61e61295a44a5b319ca0bd3150890/997/256/18/149531/108306.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); 
    </script> 
    </div> 
    </div>

Nguồn

2012-12-12 Siya

Tham chiếu đến sơ đồ trang web của bạn có vẻ sai, mã bên dưới cung cấp cho bạn các ô.

<!DOCTYPE HTML> 


<div id="map"/> 
<script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script> 
<script type="text/javascript"> 
var map = L.map('map').setView([28.23211669921875, -26.050065042385917], 10); 
//L.tileLayer('http://b.tilecloudmade.com/e7b61e61295a44a5b319ca0bd3150890/997/256/18/149531/108306.png', { 
L.tileLayer('http://{s}.tile.cloudmade.com/e7b61e61295a44a5b319ca0bd3150890/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); 
</script>

Nguồn

2012-12-12 08:37:30 Rudi

Cảm ơn lời khuyên. Nó hoạt động tốt hơn nhiều. – Siya

Tờ rơi Bản đồ Trống

Trả lời

Các vấn đề liên quan