모바일 버전에 T맵 네비 연결하기 > 그누보드5 팁자료실

그누보드5 팁자료실

모바일 버전에 T맵 네비 연결하기 정보

모바일 버전에 T맵 네비 연결하기

본문

237736610_1586787112.9171.jpg

 

위 이미지는 예시 이미지 입니다.

모바일버전에서 버튼 클릭시 주소를 토대로 티맵을 바로 열어주면 좋겠다 하여

작업 해보았고 유용할것 같아서 공유 합니다~

 

 

0. 티맵열기 링크를 모바일버전에 추가 합니다.
 

<a href="javascript:void(0);" onclick="location.href='https://apis.openapi.sk.com/tmap/app/routes?appKey=①발급받은키값&name=②T맵에노출될상호명&lon=③경도&lat=③위도'">T맵</a>

 

링크 디자인은 알아서 잘..이쁘게.. 하시면 되고 ㅎ
반응형의 경우 그누에 내장된 모바일 체크 함수로 모바일 접속의 경우에만
보일 수 있도록 처리할 수 있습니다.

 


<?php if($is_mobile) { ?>
    //모바일접속시 보여질 부분 코딩
    //위 a링크를 넣어주면 되겠죠?
<?php } ?>

 

 

1. Project Key 값을 appKey=①발급받은키값 에 넣어줍니다.
1-1. 키 발급방법은 http://tmapapi.sktelecom.com/main.html#webv2/guide/apiGuide.guide2 참조
1-2. 유료처럼 구매를 하는 절차 이지만 0원 입니다.

 

237736610_1586781719.7677.jpg
 

 

2. 상호명을 name=②T맵에노출될상호명 에 넣어줍니다.

 

 

3. &lon=경도&lat=위도 에 값을 넣어줍니다.
3-1. 경도와 위도는 https://www.google.co.kr/maps/ 에 접속한 후
3-2. 티맵으로 연결 하고자하는 주소를 입력 하시고
3-3. 검색한 지점의 마커에 마우스 우클릭 후 이곳이궁금한가요? 클릭

 

237736610_1586780931.4271.png

 

3-4. 하단에 나오는 위도와 경도를 넣어주시면 됩니다. (37.490920 은 위도, 127.032455 은 경도 입니다.)

 

237736610_1586780946.8634.png

 

끝났습니다. 키발급 부분만 잘 해결하시면 코드는 별거 없습니다~ 쉽죠?

 

 

완성된 예제코드
<a href="javascript:void(0);" onclick="location.href='https://apis.openapi.sk.com/tmap/app/routes?appKey=xxxxxxxxxxxxxxxxxxxxxxxxxxx&name=(주)에스아이알소프트&lon=127.032423&lat=37.490928'">T맵</a>


4. 모바일버전으로 접속하여 테스트 해봅니다. (사용기기에 T맵이 설치되어 있어야 합니다.)


감사합니다.

추천
3

댓글 13개

전체 33 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT