본문 바로가기 대메뉴 바로가기
홍성군 코로나 19 상황알림

이 웹사이트는 대한민국 공식 전자정부 웹사이트입니다.

홍성군청

해당 콘텐츠와 관련된 유튜브 영상을 바로 보실 수 있습니다.

하단에 콘텐츠는 유튜브에 등록된 관련 영상을 불러와서 제공하고 있습니다.
부적절한 영상은 필터링을 통해 지속적으로 선별 합니다. 문제있는 영상은 신고해주세요!

신고하기

찾아오시는길

찾아오시는 길

홍성읍 행정복지센터에 오시는길을 안내해드립니다.

  • 주소[32236] 충청남도 홍성군 홍성읍 문화로 108
  • 전화041-630-9601

교통안내

자가용
  • 서해안고속도로서울(서해안 고속도로) 홍성 IC(60분소요) 홍성 방향 우회전(29번 국도) 홍성 방면 29번국도(우회전) 군청(10~15분 소요)
버스
서울터미널

서울홍성(직행버스(남부터미널)이용), 1일 10회운행(1시간 간격), 소요시간 1시간 40분

기차
용산역

용산홍성(하행선 이용), 1일 15회운행, 소요시간 2시간 ~2시간20분

장항역

장항홍성(상행선 이용), 1일 15회운행, 소요시간 1시간

$(function () { var CreateMap = function (element, options) { this.init(element, options) }; CreateMap.DEFAULTS = { level: 3, draggable: true, zoomable: true, typecontrol: false }; CreateMap.prototype.init = function (element, options) { this.element = $(element); this.options = options; this.addMarker(); }; CreateMap.prototype.addMarker = function () { var mapContainer = this.element[0], mapOption = { center: new daum.maps.LatLng(this.options.lat, this.options.lng), // 지도의 중심좌표 level: this.options.level // 지도의 확대 레벨 }; var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 map.setDraggable(this.options.draggable); //지도 drag 제어 map.setZoomable(this.options.zoomable); //지도 확대,축소 제어 if (this.options.typecontrol) { var mapTypeControl = new daum.maps.MapTypeControl(); map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT); var zoomControl = new daum.maps.ZoomControl(); map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT); } var imageSrc = '/pcms/common/images/marker.png', imageSize = new daum.maps.Size(40, 42), // 마커이미지의 크기 imageOption = { offset: new daum.maps.Point(40, 42) }; // 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정 // 마커가 표시될 위치 var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption), markerPosition = new daum.maps.LatLng(this.options.lat, this.options.lng); // 마커를 생성 var marker = new daum.maps.Marker({ position: markerPosition, image: markerImage }); // 마커가 지도 위에 표시되도록 설정 marker.setMap(map); if (this.options.title || this.options.info) { var customOverlay = new daum.maps.CustomOverlay({ position: markerPosition }); var content = document.createElement('div'); content.className = "ui-map-info"; var title = document.createElement('div'); title.className = "ui-map-info__title"; title.appendChild(document.createTextNode(this.options.title)); content.appendChild(title); if (this.options.info) { var info = document.createElement('div'); info.className = "ui-map-info__content"; info.appendChild(document.createTextNode(this.options.info)); content.appendChild(info); content.className = "ui-map-info--multi"; } customOverlay.setContent(content); customOverlay.setMap(map); } }; function checkMapPlugin(option) { var $this = $(this); var data = $this.data('map'); //var options = typeof option === 'object' && option; var options = $.extend({}, CreateMap.DEFAULTS, $this.data(), typeof option === 'object' && option); $this.data('map', (data = new CreateMap(this, options))); if (typeof option === 'string') data[option]() } $.fn.checkMap = checkMapPlugin; $("[data-map=\"map\"]").each(function () { var $this = $(this); //버튼 var option = $this.data(); checkMapPlugin.call($this, option); }); });