반응형
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파일로 제작한 이미지를 사용할 수 있습니다.
옵션으로 마커 아이콘의 크기 조절도 가능합니다.
수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.
반응형
'Open API > WEB' 카테고리의 다른 글
다음 사이트에 멀웨어가 있습니다 해결방법 (7) | 2016.05.02 |
---|---|
ASP에서 네이버 지도 지오코딩(좌표변환) 예제 (3) | 2013.04.17 |
네이버 지도 API 키 발급 방법 (0) | 2013.04.12 |
(네이버 지도) 지도가 잠깐 출력되었다가 다시 사라지는 현상 해결 (2) | 2013.04.12 |
[구글맵스,google maps] 정보창(infoWindow) 출력 (0) | 2013.01.22 |
구글맵 맵 로딩이 완료된 후 함수 실행(리스너 등록) (0) | 2012.12.28 |
구글맵 줌 변경, 지도 이동 시 현재 지도의 범위에만 마커 출력하기 (0) | 2012.11.21 |
구글맵 중심점(Google maps Bounds) 자동으로 계산하기 (0) | 2012.09.25 |
(WEB/JavaScript) 구글맵 지오코딩(geocoding) (0) | 2012.09.25 |
구글맵스 개발 시작하기 (2) | 2012.09.20 |