줄없는 연습장

구글맵(Google Maps JavaScript API v3) 적용, 위치 표시와 말풍선 띄우기. ↑ 전에 올렸던 글이다. 위치를 검색할 때, 위도와 경도로 찾게 되면 항상 미국 구글맵에 들어가서 위치를 검색한 다음에 위도와 경도를 알아내서 직접 기입해야 하는 수밖에 없는데... 이번 글에서는 그런 불편을 없애기 위해 위도/경도가 아닌 주소로 바로 검색하는 방법을 사용하려 한다. 이 방법을 찾게 된 이유는 DB에 있는 수 십개의 업체들을 웹상에 지도로 표시해야 하는데 위도/경도 컬럼을 만들어서 일일히 업데이트 하는 게 지옥이었기 때문이다. 그래서 주소 컬럼을 이용해서 업체의 주소를 가져와 바로 검색할 수 있는 방법을 찾게 됐다. 구글맵API에서는 이걸 지오코딩이라고 부른다. 전에도 말했지만 방법은 어렵지..

구글지도를 웹페이지에 적용했을 때의 모습이다. 방법은 굉장히 쉽다. 사실.. 처음에 아무것도 몰랐을 때는 좀 어려운데, 알고나면 별 거 아니다. https://developers.google.com/maps/documentation/javascript/ 아래 소스에 주석으로 설명을 달아놨으니 필요한 사람은 참고하길 바란다. *** 먼저 독타입을 HTML5 형식으로 맞춰줄 것! "" ↓ 사이에 넣는다. ↓ 와 사이에 넣는다. 참고로 위도와 경도는 https://maps.google.com 의 지도에서, 오른쪽 클릭 → 이곳이 궁금한가요? 선택하면 알아낼 수 있다.