구글맵 마커 이미지 변경
2013. 1. 15. 15:27ㆍWEB/Google Maps
반응형
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파일로 제작한 이미지를 사용할 수 있습니다.
옵션으로 마커 아이콘의 크기 조절도 가능합니다.
수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.
반응형
'WEB > Google Maps' 카테고리의 다른 글
구글맵 맵 로딩이 완료된 후 함수 실행(리스너 등록) (0) | 2013.01.15 |
---|---|
구글맵 줌 변경, 지도 이동 시 현재 지도의 범위에만 마커 출력하기 (0) | 2013.01.15 |
구글맵 중심점 자동으로 계산하기 (0) | 2013.01.15 |
(WEB/JavaScript) 구글맵 지오코딩(geocoding) (0) | 2013.01.15 |
구글맵스 개발 시작하기 (0) | 2013.01.15 |