Bulma로 화면 가득 Leaflet의지도보기

2621 단어 Bulmaleaflet

is-fullheight의 Hero 사용



Hero

HTML


hero 클래스를 가지는 section를 작성합니다. id는 map
<section id="map" class="hero is-fullheight">
</section>

JS


var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
    .openPopup();

좋은 웹페이지 즐겨찾기