메뉴 건너뛰기

조회 수 486 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

GoogleMap으로 작업중에 MarkerOptions 로 해당 마커의 세부정보를 담아서 여러개의 마커를 맵상에 띄울 수 있는데

아래의 소스내용을 보면 snippet 부분이 해당 내용이다.

 

(소스는 마커정보 일부분)

1
2
3
4
5
6
LatLng aLatLng = new LatLng(Double.parseDouble(lat),Double.parseDouble(lng));
MarkerOptions markerOptions = new MarkerOptions();
markerOptions.position(aLatLng);
markerOptions.title("제목입니다.");
markerOptions.snippet("내용입니다.\n다음줄입니다.\n셋째줄입니다.");
mMap.addMarker(markerOptions);
cs

 

실제 결과화면을 보면 snippet 문자열은 세줄형태로 나와야하는데, 기본 snippet 특성상 한줄만 화면에 보여준다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// 하나의 윈도우인포창 설정하기 - 마커클릭시 하나의 창뜬다.
mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() {
 
    @Override
    public View getInfoWindow(Marker marker) {
        return null;
    }
 
    @Override
    public View getInfoContents(Marker marker) {
        LinearLayout info = new LinearLayout(mContext);
        info.setOrientation(LinearLayout.VERTICAL);
 
        TextView title = new TextView(mContext);
        title.setTextColor(Color.BLACK);
        title.setGravity(Gravity.CENTER);
        title.setTypeface(null, Typeface.BOLD);
        title.setText(marker.getTitle());
 
        TextView snippet = new TextView(mContext);
        snippet.setTextColor(Color.GRAY);
        snippet.setGravity(Gravity.LEFT);
        snippet.setText(marker.getSnippet());
 
        info.addView(title);
        info.addView(snippet);
 
        return info;
    }
});
cs

infowindow 라는 하나의 인포창을 띄우는 어탭터소스 내용이다.

안에 보면 10라인과 같이 해당 마커를 하나 클릭하면 콜백처리하여 그 마커정보를 자동으로 읽어 오는데 여기에는 \n 형식도 출력하면서 전체 내용 줄을 출력할 수 있다.

 

[실행 결과 화면]

 

 

 


List of Articles
번호 제목 날짜 조회 수
57 JSON(JavaScript Object Notation) - jQuery Ajax - jQuery.getJSON() 메서드 (비동기적으로 JSON파일 로드) file 2014.10.16 6572
56 jQuery ajax post 요청 text 응답 2014.10.16 6711
55 jQuery Ajax - jQuery.load() 메서드 (동적으로 원격 페이지 로드) file 2014.10.16 6429
54 Java에서 XML 불러와서 동적 변화 주기 file 2021.03.31 292
53 JavaScript 맛보기 file 2014.09.04 6593
52 JAVA JDBC를 사용하여 MySQL과 연동 file 2015.11.21 8661
51 Java Applet과 javascript와의 통신 2015.06.29 7763
50 Invalid project description 문제 file 2015.07.01 7125
49 Intent (인텐트) 2016.06.07 7632
48 ImageVeiw의 현재 리소스 비교하기 2014.08.28 6756
47 HTML5로 비디오 보여주기 Video Tag file 2014.09.04 7064
46 HTML5로 나만의 비디오 플레이어 스킨 만들기 -3- JavaScript file 2014.09.04 6292
45 HTML5로 나만의 비디오 플레이어 스킨 만들기 -2- JavaScript file 2014.09.04 6314
44 HTML5로 나만의 비디오 플레이어 스킨 만들기 -1- CSS file 2014.09.04 6460
43 HTML5로 게임 만들기 워밍업 file 2014.09.04 6065
42 HTML5 시작하기 file 2014.09.04 5668
41 HTML5 드래그 앤 드롭 하기 Drag and Drop file 2014.09.04 7758
40 HTML5 Web Storage -01- file 2014.09.04 5589
39 HTML5 Speech Input (음성인식) API 2014.09.04 6455
38 HTML5 Geolocation (구글 지도에 현위치 표시하기) file 2014.09.04 6814
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved