전단지지도에 벡터 타일 레이어를로드 하시겠습니까?

전단지지도에 벡터 타일 레이어를로드해야합니다.

벡터 타일은 Mapillary 시퀀스에 대한 벡터 타일 레이어이며 ( https://a.mapillary.com/#vector-tiles ... 참조 ) 타일 URL 패턴은 다음과 같습니다.

https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox

벡터 타일은 맵 박스 벡터 타일 형식을 사용합니다.

인터넷에서 검색했지만 샘플을 찾지 못했습니다 : Mapbox를 사용 하여이 작업을 수행 할 수 있음을 보았지만 가능하면 Leaflet 만 사용하고 싶습니다.

Leaflet 0.7x에서는 Leaflet.MapboxVectorTile플러그인 으로 쉽게 만들 수 있습니다 . url구성 옵션 에서 URL 패턴을 지정하기 만하면 됩니다. 플러그인 문서 에는 사용 가능한 다른 구성 옵션 이 자세히 설명 되어 있습니다. Mapillary 데이터를 추가하려면 다음과 같이 사용하십시오.

var config = {
  url: "https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox"
};
var mapillarySource = new L.TileLayer.MVTSource(config);
map.addLayer(mapillarySource);

다음은 결과를 보여주는 바이올린입니다.

http://fiddle.jshell.net/nathansnider/sj12o4hj/

Leaflet 1.0x의 경우 Leaflet.VectorGrid 의 L.vectorGrid.protobuf메소드 를 사용하려고합니다 . 문서에 설명 된 다양한 스타일 옵션이 있지만 타일을로드하기 위해 다음과 같이 사용합니다.

var url = 'https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox';
var mapillaryLayer = L.vectorGrid.protobuf(url).addTo(map);

바이올린 예 :

http://fiddle.jshell.net/nathansnider/mwmpmLo7/

벡터 타일 의 전단지 플러그인 목록을 참조하십시오 . MapboxVectorTile과 호버 보드는 Leaflet 0.7.x에서만 작동하며 Leaflet 1 "Really Soon ™"에서는 더 이상 사용되지 않습니다.