[Openlayers] 오픈레이어스 지도 띄우는 새로운 방법

 

---

import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

 

 

var map = new ol.Map ({
    target: 'o2map',
    view: new ol.View({
        center: ol.proj.fromLonLat([38.41, 30.32]),
        zoom: 0
    })
})

var osmLayer = new ol.layer.Tile({
    source: new ol.source.OSM()
})

map.addLayer(osmLayer);

 

 

아..물론 상속이필요하다

 

 

 

 

잘 뜬다.

 

 

<script src="https://cdn.jsdelivr.net/npm/openlayers@6.4.3/build/ol.min.js"></script>

 

 

 

회사 플랫폼쓰다보니까

 

오픈레이어스를 안하게 된다.

 

---

 

 

To be continue..