퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 컨트롤들
  4. 맵 마커[MapMarker]

맵 마커[MapMarker]

MapMarker 클래스

지도 마커를 MapView에 추가합니다.

지도에 주석을 달려면 MapMarker 노드로 지도를 장식해야 합니다. MapMarker 노드는 위도, 경도 및 라벨이 포함된 간단한 값 개체입니다.

1
2
3
4
5
<NativeViewHost>
    <MapView>
        <MapMarker Label="Fuse HQ" Latitude="59.9115573" Longitude="10.73888" />
    </MapView>
</NativeViewHost>

JS에서 MapMarker를 동적으로 생성해야 하는 경우 데이터 바인딩과 Each는 친구입니다. 스크립팅하는 동안 MarkerTapped 이벤트에 연결하여 사용자가 마커를 선택했을 때를 감지할 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<JavaScript>
    var Observable = require("FuseJS/Observable");

    exports.markers = Observable({latitude:30.282786, longitude:-97.741736, label:"Austin, Texas"});

    exports.onMarkerTapped = function(args)
    {
        console.log("Marker press: "+args.label);
    }
</JavaScript>

<NativeViewHost>
    <MapView MarkerTapped={onMarkerTapped} >
        <Each Items={markers}>
            <MapMarker Latitude="{latitude}" Longitude="{longitude}" Label="{label}" />
        </Each>
    </MapView>
</NativeViewHost>

MapMarker의 인터페이스

링크로 대신합니다: https://www.fusetools.com/docs/fuse/controls/mapmarker#section-table-of-contents

Was this article helpful to you? Yes No

How can we help?