전단지 블랭크지도

전단지에 대한 빠른 시작 자습서를 진행하고 있으며 빈지도가 계속 표시됩니다. 나는 자바 스크립트를 사용하여지도를 초기화하고 있지만지도를 볼 수없는 코드를 모두 작성한다고 가정합니다. 제발 도와주세요, 내 코드는 아래와 같습니다 :전단지 블랭크지도

<!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>

출처

2012-12-12 Siya

타일 맵에 대한 참조가 잘못되었습니다. 아래 코드는 타일을 제공합니다.

<!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>

출처

2012-12-12 08:37:30 Rudi

감사합니다. 그것은 훨씬 잘 작동합니다. – Siya

전단지 블랭크지도

답변

관련 문제