에티테마

오시는길 지도에서 본사를 기본값으로 설정할수는 없을까요?

페이지 정보

작성자 no_profile 푸른사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 5건 작성일 23-03-26 18:26

본문

테마명 : [ 에티테마 ] 기업/회사/비즈니스에 사용하기 좋은 심플한 반응형 홈페이지 - M30

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  밑으로 전화번호도 넣으시면 될것 같습니다.
나머지는 카카오맵 메뉴얼 보시면 상세히 나와 있으니 참고해보시면 될것 같습니다.
감사합니다.

푸른사랑님의 댓글

no_profile 푸른사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

https://apis.map.kakao.com/web/sample/addMapClickEventWithMarker/
여기에서 해결했습니다 자세한 설명 감사드립니다.

Total 3건 1 페이지
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼