• routo Service
  • routo Developers
  • routo Demo

WEB GL JS

웹 개발, 어플리케이션에서 활용될 수 있도록 Javascript로 제공되는 지도 플랫폼 입니다.

마커 삭제

routogl 지도에 추가되어 있는 마커를 삭제하는 예제입니다. 

const map = new routogl.Map({
  container: 'map', // container ID
  style: routogl.RoutoStyle.LIGHT,
  center: [127.0586339, 37.507009], // starting position [lng, lat]
  zoom: 19, // starting zoom
});

const marker1 = new routogl.Marker({
  color: 'blue',
})
  .setLngLat([127.0585339, 37.507009])
  .addTo(map);

const marker2 = new routogl.Marker({
  color: 'red',
})
  .setLngLat([127.0587339, 37.507009])
  .addTo(map);

// 파란색 마커 삭제 이벤트
const removeMarker1 = document.getElementById('removeMarker1');
removeMarker1.addEventListener('click', () => {
  marker1.remove();
});

// 빨간색 마커 삭제 이벤트
const removeMarker2 = document.getElementById('removeMarker2');
removeMarker2.addEventListener('click', () => {
  marker2.remove();
});