구글맵 지도영역의 업체를 표시하는 방법 질문
본문
안녕하세요.
지금 구글맵으로 작업 하고 있습니다.
궁금한건 처음에 지도나 나오거나 지도에 보이는 위치를 변경했을때 지도 영역에 해당되는 주소의 업체를 표시하려고 합니다.
알바몬 앱의 주변알바 같은 기능입니다.
그러기 위해서는 지도의 위왼쪽, 위오른쪽, 아래왼쪽, 아래오른쪽 4지점의 좌표(경도, 위도)를 알아야 할듯 한데요.
어떻게 하면 화면 가장자리 4지점의 좌표를 알아낼수 있을까요?
여기서 막혀서 몇시간째 헤매고 있네요.
검색도 하고 구글 api 문서를 보는데 잘 모르겠어요. ㅠ_ㅠ
고수님들 한수 알려주시면 감사하겠습니다.
답변 1
//초기 실행 함수
function init(){
google.maps.event.addListener(map, 'zoom_changed', function() {
var bounds = map.getBounds();
var endLo = bounds.getNorthEast();
var startLo = bounds.getSouthWest();
addMarker(startLo, endLo);
});
google.maps.event.addListener(map, 'dragend', function(evt){
var bounds = map.getBounds();
var endLo = bounds.getNorthEast();
var startLo = bounds.getSouthWest();
addMarker(startLo, endLo);
});
}
최근 API는 어떻게 바뀌었는지 모르겠군요
bounds 로 구했던걸로기억이..
전체 소스는 아니지만..위의 소스를 참고하여 맵 위치 이동 시 현재 모니터에 출력된 지도의
범위내에만 마커를 출력하는 기능을 구현할 수 있으실 겁니다.
https://developers.google.com/maps/documentation/javascript/reference?hl=ko
파란천사님 정말 감사합니다.
오늘 오후 2시부터 7시까지 안풀리며 검색하고 안되는 영어로 API 보고 머리 싸맸는데...
이리 확실한 답변을 주시네요.
getBounds() getNorthEast() getSouthWest()
요거 3개는 알아냈는데 잘 적용이 안되었거든요.
알려주셔서 지도 화면의 위도 범위, 경도 범위를 알아냈습니다.
이제 디비에서 SELECT만 하면 구현되겠네요.
고수십니다.
정말 너무 아주 진짜 감사합니다.
안풀리던 문제를 확 주셨네요.
언제 기회가 되면 식사라도 대접하고 싶습니다. ^^