리플릿 js는 몇 가지 타일로만 표시되는지도

리플릿 자바 스크립트 라이브러리를 사용하여 맞춤형 정지지도를 만들고 좌표의지도 타일 중 대부분이 렌더링되지 않는 주요 문제가 계속 발생하려고합니다. 나는 그것이 작동합니다 것 같다 그래서리플릿 js는 몇 가지 타일로만 표시되는지도

function initmap() { 
    map = new L.Map('map'); 
    var osmUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}.png'; 
    var osm = new L.TileLayer(osmUrl); 
    map.addLayer(osm); 
} 
var lat = 40.120910; 
var lng = -74.978602; 
var startLatLng = new L.LatLng(lat, lng); 
initmap(); 
map.setView(startLatLng, 16);

같은지도를 보여주는 &을 정의 합니다만,지도 DIV 결코 전체지도/모든 타일을 보여줍니다. 나는이 특정 지역에 대한 보상 범위가 있다는 것을 알고 있습니다. 왜냐하면 저는이 도서관을 사용하는 다른 사람의 서비스를 사용하고 있었고이 위치를보기 위해지도를 작성했기 때문입니다. 이 코드는 코드를 기반으로 구성됩니다.

This website은 정확한 좌표, 맵 서버 및 전단지 js 스크립트를 사용하고 있으며 모든 타일을 잘 렌더링 할 수 있습니다.

코드 (및 문제)를 표시하는 코드는 JSFiddle입니다. 왜 이런 일이 일어나고 있는지, 어떻게 고쳐야하는지 알고 싶습니다.

출처

2016-09-08 CaffeinatedCoder

내가 가진 과거에이 문제가 있었고지도 서버가 100 % 반응하지 않았던 것처럼 보였습니다 ... 나는 같은 타일에 대한 추가 서버를 찾거나 사용자 정의지도를 변경하여 내 응용 프로그램을 원하는대로 작동시켜야했습니다. : –

내가 얻지 못하는 것은 동일한 서버와지도를 사용하는 다른 사람이이 정확한지도를 아무런 문제없이 렌더링 할 수 있다는 것입니다. – CaffeinatedCoder

누락 리플릿의 CSS : https://npmcdn.com/[email protected]/dist/leaflet.css

업데이트 JSFiddle : https://jsfiddle.net/t14rLknv/7/

(BTW 당신이 http://leafletjs.com/download.html를 참조 unpkg.com에 1.0.0-rc.3, 새로운 공식 CDN을 전단지로 업그레이드 할 수 있습니다)

출처

2016-09-08 14:32:48 ghybs

당신은 최고입니다! 나는 CSS 스크립트도 필요하다고 생각하지 않았습니다. 지금 생각해 보면 이해가됩니다. 감사합니다. – CaffeinatedCoder

yw :-) 피드백에 감사드립니다. – ghybs

리플릿 js는 몇 가지 타일로만 표시되는지도

답변

관련 문제