구글맵을 이용한 지도 마커 게시판 - 구글맵 API변경 대응

Member's Skins

테마, 스킨, 위젯 등 아미나 회원자료실

홈 > 회원포럼 > 회원자료실
회원자료실

구글맵을 이용한 지도 마커 게시판 - 구글맵 API변경 대응

지도게시판이 필요해서 구하다가 찾긴했는데, 

무려 2년전에 올라온 자료인지라 지금 사용하니 오류가 나더군요 ㅠ_ㅠ..

그래서 직접...

'정적인손님' 님께서 업로드하셨던 구글맵 게시판의 구글맵 부분을 Basic-board 스킨에 이식하여 만들었습니다.

아미나 기본 Basic-board 스킨에 구글맵 api만 추가된 형태입니다.




압축 푼 파일을 /skin/board에 폴더째로 업로드하시고, 

게시판관리 페이지에서 pc,모바일 스킨을 Basic-board - Google Map으로 선택하시면 됩니다.




바뀐 구글맵 api에 대응되도록 수정하였으며, 2019년 7월 현재 작동확인 했습니다.


List View

87b9a401520a9ec01f4affbc3b8d5160_1562146267_6689.jpg 





구글맵에서 API키를 발급받은 후,

아미나를 이용한 사이트의 '관리 -> 테마관리 -> 구글맵 api키' 에 발급받은 key를 입력하시면 바로 사용가능합니다.


>>>api key 발급받으러 가기<<<

87b9a401520a9ec01f4affbc3b8d5160_1562146692_3917.jpg
 





글쓰기 페이지에서 아래와 같이 연동할 위치를 입력한 후 글을 작성합니다.

87b9a401520a9ec01f4affbc3b8d5160_1562146793_228.jpg
 


 



지도에 마커 형태로 연동된 위치가 표시되며, 마커를 클릭하면 글 제목과 주소, 이미지가 보입니다.

87b9a401520a9ec01f4affbc3b8d5160_1562146820_8634.jpg
 



오류가 있을 시 댓글을 달아주시면 최대한 도와드리겠습니다. ^-^ 

, , ,

7 Comments
3 dyausmax 07.04 09:22  
좋은 자료 감사합니다!!!
7 아름드리79 07.07 12:11  
3 dyausmax 07.14 17:03  
혹시 카테고리별로
map point를 다르게 하는 방법이 없을까요?
빨간색 하나로 되어 있는데 카테고리별로 색깔을 다르게 하면 구분하기 쉬울 것 같아서요.
어디를 수정하면 될런지... 소스를 보고 있는데... 잘모르겠네요.
2 대연동불나방 07.21 15:52  
쪽지드렸습니다.
13 자자자 07.17 16:37  
감사히 잘 쓰겠습니다
근데 길찾기는 셋팅방법이 따로 있나요?
출발에 주소넣고 길찾기모드 TRANSIT 은 잘 되는데
나머지는 못찾는다고 뜨네요
AND
내위치에서 길찾기는 일단 되는데
현재위치가 안맞아요

이것도 API 인증번호 같은게 있나요?
2 대연동불나방 07.21 16:01  
API 인증번호는 관리자 페이지에서 넣어준걸로 충분할거에요.
그래도 혹시 모르니 Google map api 콘솔 -> API -> 사용 설정된 api에서 directions api가 허용되어 있는지 확인해보세요.

그리고 데스크탑을 이용하시면 정확하게 출발위치가 안잡히구요.
모바일인데도 그렇다면 아마 휴대폰 gps가 정확하게 위치를 못 잡는 것 아닐까요.
저는 잘 되거든요 .

13 자자자 07.21 16:35  
아하~~~ 모바일 전용일걸 생각했어야 되는데... 죄송요^^
  1. 별도 라이센스 표기가 없는 경우 다운받으신 자료는 비영리 사이트에서만 사용가능하며, 제작의뢰 또는 납품용으로도 사용할 수 없습니다.
  2. 또한 몰에서 판매하는 자료의 리소스로 활용 또는 단독판매가 불가능하고, 회원자료실에서 재배포도 불가능합니다.
  3. 포인트가 있는 경우 다운로드 후 2개월(60일) 동안은 다시 받더라도 재차감되지 않습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand