마커 썸네일형 리스트형 [GoogleMap] 구글맵에 마커(Marker)를 추가해 보자 (2) [GoogleMap] 구글맵에 마커(Marker)를 추가해 보자 (1)에서 기본적인 마커 사용법에 대해서 알아 보았는데, 우리동네 교통사고 다발지역 서비스를 위해서는 아직 부족하다. 교통사고 다발지역이 한 곳이라면 충분하겠지만 아쉽게도 그렇지가 않다. 그래서 하나의 맵에 마커를 여러 개를 보여줘야 하며, 그 사고지역의 교통사고 상세 정보를 보여주기 위해서는 개별 마커를 클릭했을 때 팝업을 띄울 수 있으면 좋겠다. 여러개 마커 보여주기 마커를 생성하는 방법이 Maker 객체를 생성하고 그 객체를 Map에 전달하는 방식이 아니고 그 반대로 Map을 먼저 생성한 다음에 Maker객체 생성할 때 Map 객체를 전달하는 방식이기 때문에, 여러개 마커를 보여주기 위해서는 마찬가지로 Map객체를 먼저 생성하고 필요한.. 더보기 [GoogleMap] 구글맵에 마커(Marker)를 추가해 보자 (1) 맵에는 역시 마커가 있어야 제 맛. 마커를 추가해 보자 goole.maps.Marker 객체 하나만 생성해 주면 아래와 같이 빨간 물방울을 거꾸로 한 모양의 기본 아이콘이 지정된 위치에 표시가 된다. 위에 코드를 보기 전까지는 Maker객체를 먼저 생성하고 해당 객체를 Map 객체를 생성할 때 넣어 주겠거니 생각했었는데, 그 부분이 생각했던 것과는 달랐던 것 같다. 어쨌든 잘 나온다. 기본 아이콘은 좀 식상해 보인다. 다른 이미지로 바꿔보자. 이미지 경로를 가지고 있는 google.maps.MarkerImage 객체만 생성해서 Maker 객체 생성 시 icon 속성에 넣어 주기만 하면 된다. 그럼 이렇게 잘 나온다. 역시 Maker에 대한 설명은 구글 문서에 잘 나와 있다. https://develope.. 더보기 이전 1 다음
