WEB JS

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

폴리라인 생성 삭제하기


지도위에 폴리라인 도형을 생성 삭제 할 수 있습니다.

$(function () {
  var map = new routo.maps.Map("map", {
    center: { lat: 37.507009, lng: 127.0586339 }, // 지도 초기 위치
    zoom: 18, // 지도 로딩 시 최초 표시 레벨
  });

  var polyline = null;
  $("#create-polyline").click(function() {
    polyline = new routo.maps.Polyline({
      path: [
        { "lng": 127.04816255600583, "lat": 37.51890637226832 },
        { "lng": 127.07215223343503, "lat": 37.51730654989123 },
        { "lng": 127.07391176254882, "lat": 37.50610683290664 }
      ]
    });
    polyline.setMap(map);
  
    map.fitBounds(polyline.getBounds(), {
      top: 170,
      right: 50,
      bottom: 30,
      left: 150,
    });
  });

  $("#delete-polyline").click(function() {
    polyline.setMap(null);
    polyline = null;
  });
});