모바일 버전에 T맵 네비 연결하기
위 이미지는 예시 이미지 입니다.
모바일버전에서 버튼 클릭시 주소를 토대로 티맵을 바로 열어주면 좋겠다 하여
작업 해보았고 유용할것 같아서 공유 합니다~
0. 티맵열기 링크를 모바일버전에 추가 합니다.
<a href="javascript:void(0);" onclick="location.href='https://apis.openapi.sk.com/tmap/app/routes?appKey=①발급받은키값&name=②T맵에노출될상호명&lon=③경도&lat=③위도'">T맵</a>
링크 디자인은 알아서 잘..이쁘게.. 하시면 되고 ㅎ
반응형의 경우 그누에 내장된 모바일 체크 함수로 모바일 접속의 경우에만
보일 수 있도록 처리할 수 있습니다.
[code]
<?php if($is_mobile) { ?>
//모바일접속시 보여질 부분 코딩
//위 a링크를 넣어주면 되겠죠?
<?php } ?>
[/code]
1. Project Key 값을 appKey=①발급받은키값 에 넣어줍니다.
1-1. 키 발급방법은 http://tmapapi.sktelecom.com/main.html#webv2/guide/apiGuide.guide2 참조
1-2. 유료처럼 구매를 하는 절차 이지만 0원 입니다.
2. 상호명을 name=②T맵에노출될상호명 에 넣어줍니다.
3. &lon=③경도&lat=③위도 에 값을 넣어줍니다.
3-1. 경도와 위도는 https://www.google.co.kr/maps/ 에 접속한 후
3-2. 티맵으로 연결 하고자하는 주소를 입력 하시고
3-3. 검색한 지점의 마커에 마우스 우클릭 후 이곳이궁금한가요? 클릭
3-4. 하단에 나오는 위도와 경도를 넣어주시면 됩니다. (37.490920 은 위도, 127.032455 은 경도 입니다.)
끝났습니다. 키발급 부분만 잘 해결하시면 코드는 별거 없습니다~ 쉽죠?
완성된 예제코드
<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맵이 설치되어 있어야 합니다.)
감사합니다.
댓글 13개