Googlemap(2)
-
구글맵 마커 이미지 변경
var myIcon = new google.maps.MarkerImage("/image/iconImg.png", null, null, null, new google.maps.Size(12,20)); marker = new google.maps.Marker({ position: latlng, map: map, icon: myIcon, title : "마우스 오버 시 정보창 출력됨" }); 마커 생성 시 마커 옵션에 icon을 사용하여 png파일로 제작한 이미지를 사용할 수 있습니다. 옵션으로 마커 아이콘의 크기 조절도 가능합니다. 수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.
2013.01.15 -
구글맵 줌 변경, 지도 이동 시 현재 지도의 범위에만 마커 출력하기
//초기 실행 함수 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(..
2013.01.15