오시는길 지도에서 본사를 기본값으로 설정할수는 없을까요?
페이지 정보
작성자 푸른사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 5건 작성일 23-03-26 18:26본문
http://m30.ety.kr/pages/map_daum.php
[질문1]
지도에서 본사를 클릭해야만 본사위치로 들어가는데
오시는길을 클릭시 기본값으로 본사지도가 보이게 설정할수는 없을까요?
[질문2]
http://m30.ety.kr/
초기화면 하단에 기본값으로 설정된 "본사" 오시는길 지도와 본사주소
전화번호를 넣고싶은데 그건 어디에도 매뉴얼이 없네요ㅜ.ㅜ
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요~
오늘은 개인적인 사정으로 답변이 많이 늦었습니다.
지도 크기와 위치 변경 문의를 주셨는데요.
해당페이지 map_daum.php 파일 보시면 하단쪽 자바스크립트 부분 245번째 줄입니다.
mapOption = {
center: new daum.maps.LatLng(37.5548768201904, 126.96966524449994),
level: 12
};
위에 해당 되는 부분중 12는 지도의 크기 입니다. 기본적으로 나머지는 3으로 되어 있으니
3으로 변경해주시면 크기는 해결되실겁니다.
그리고 페이지 접속하자마자 지도의 위치를 표시하는것은
center: new daum.maps.LatLng(37.5548768201904, 126.96966524449994),
위 좌표값을 수정해주시면 됩니다.
위 두개의 좌표가 첫번째로 접속하자마자 지도의 위치 입니다.
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
https://apis.map.kakao.com/web/sample/addMapClickEventWithMarker/
위 주소에서 수동으로 지도를 움직여서 위치를 찾아보시면 바로 밑에 위도와 경도가 나옵니다.
클릭한 위치의 위도는 37.29844616755934 이고, 경도는 127.63717627644056 입니다
mapOption = {
center: new daum.maps.LatLng(37.29844616755934, 127.63717627644056),
level: 3
};
위 처럼 수정해주시면 됩니다.
마커를 표시하기 위해서는
위 내용과 함께
var mapCenter = new daum.maps.LatLng(33.45042 , 126.57091),
mapOption = {
center: new daum.maps.LatLng(37.29844616755934, 127.63717627644056),
level: 3
};
var map = new daum.maps.Map(mapContainer, mapOption);
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 geocoder = new daum.maps.services.Geocoder();
/* 추가내용 */
var markerPosition = new kakao.maps.LatLng(37.29844616755934, 127.63717627644056);
var marker = new kakao.maps.Marker({
position: markerPosition
});
marker.setMap(map);
var iwContent = '<div style="padding:5px;">Hello World!</div>', // 인포윈도우에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다
iwPosition = new kakao.maps.LatLng(37.29844616755934, 127.63717627644056), //인포윈도우 표시 위치입니다
iwRemoveable = true; // removeable 속성을 ture 로 설정하면 인포윈도우를 닫을 수 있는 x버튼이 표시됩니다
// 인포윈도우를 생성하고 지도에 표시합니다
var infowindow = new kakao.maps.InfoWindow({
map: map, // 인포윈도우가 표시될 지도
position : iwPosition,
content : iwContent,
removable : iwRemoveable
});
/* 추가내용 */
추가 내용이라고 되어 있는 부분을 추가해주시면 됩니다.
해당 내용에 좌표가있으니 모두 맞춰주시면 됩니다.
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
http://m30.ety.kr/pages/map_daum.php
위 내용에 적용해놨으니 참고 해주세요~
감사합니다.
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
hello world 밑으로 전화번호도 넣으시면 될것 같습니다.
나머지는 카카오맵 메뉴얼 보시면 상세히 나와 있으니 참고해보시면 될것 같습니다.
감사합니다.
푸른사랑님의 댓글
푸른사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
https://apis.map.kakao.com/web/sample/addMapClickEventWithMarker/
여기에서 해결했습니다 자세한 설명 감사드립니다.