Mapbox지도보기 케이스

mapbox지도 얻기 케이스

<! DOCTYPE HTML > 
< HTML > 

< 선두 > 
    < 메타 캐릭터 = "UTF-8" /> 
    < 타이틀 > Mapbox显示地图案例</ 타이틀 > 
    < 메타 이름 = '뷰포트' 내용 = '초기 스케일 = 1, 최대 스케일 = 1, 사용자 확장 성 = 아니오 ' /> 
    < 스크립트 SRC는 ='HTTPS : //api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js ' > </ 스크립트 > 
    < 링크 HREF의 = 'HTTPS : //api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css'/> 
    < 스타일 > 
        의 몸 { 
            여백 : 0 ; 
            패딩 : 0 ; 
        } 
        
        #map { 
            위치 : 절대 ; 
            최고 : 0 ; 
            바닥 : 0 ; 
            폭 : 100 % ; 
        } 
    </ 스타일 > 
</ 머리 > 

< 몸 > 

    < DIV 의 ID = '지도' > </DIV > 
    < 스크립트 > 
        mapboxgl.accessToken =  '<토큰 여기 액세스 바탕 화면> ' ;
         var에 지도 =  새로운 새로운 mapboxgl.Map ({ 
            컨테이너 : ' 지도 ' , // 컨테이너 ID의 
            스타일 : ' Mapbox : // 스타일 / Mapbox / streets- V9 ' , // 스타일 오시는 
            센터 : 116.28 , 39.54 , // 위치 베이징 위도와 경도 시작 좌표 
            : 줌 3 , //시작 줌 
        });
    </ 스크립트 > 

</ 몸 > 

</ HTML >

 

첫째는 입력 mapbox에 간다 경우가 있습니다.

 

올린 사람 : mapbox 중국어 공식 웹 사이트

https://www.mapbox.cn/mapbox-gl-js/examples/