2016-12-06 1 views
0

리플릿 맵 플러그인을 사용합니다. i이 코드를 작성하여 LeafLet의 Google지도 타일을로드하십시오.리플릿 플러그인에서 3D보기 Google지도 사용

var map = L.map('map').setView([31.2744015, 48.7251283], 18); 

    // load a tile layer 

    //Satellite: 
    L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', { 
     maxZoom: 20, 
     mapTypeId: google.maps.MapTypeId.SATELLITE, 
     subdomains: ['mt0', 'mt1', 'mt2', 'mt3'] 
    }).addTo(map); 

이 코드는 정상적으로 작동합니다. 하지만이 플러그인에서 다른 Google지도 옵션을로드하고 싶습니다. 3D보기 맵과 마찬가지로 enter image description here

이 작업이 완료됩니까? 도와 주셔서 감사합니다.

답변

2

두 가지 : 사용하여 Google에서

  1. 로드지도 타일 그냥 L.TileLayer는 조건을 Google지도 ("단지을 통해 Google지도 API을 내용 접근"에 대한 부분의 & 조건을 위반). 구글이 화를 내면 놀라지 마라.

    «Leaflet Map API with Google Satellite Layer»질문에 대한 답변에서 지적한 것처럼 Leaflet plugins list을 살펴보십시오. 특히 GoogleMutant이 중요 할 수 있습니다.

  2. 지금까지 리플릿은 인 2D지도를 표시 할 수 있습니다. 기울어 진 이미지를 표시하거나 기울이기 기능을 제공 할 계획이 없습니다.

    이러한 기능이 필요한 경우 다른 웹 매핑 라이브러리 (예 : https://www.mapbox.com/mapbox-gl-js/api/ 또는 https://cesiumjs.org/)를 살펴볼 수 있습니다. 이것들은 더 많은 카메라 자유도와 지형 고도 표시를 어느 정도 처리 할 수 ​​있습니다.

관련 문제