새로운 좌표값 업데이트 및 setState() 실행에도 지도가 이동되지 않음

[lsh411]

좌표 업데이트 -> onCameraChange 이벤트 확인 -> 지도 위치는 변경되지 않음

• 최초 맵 렌더시 좌표값을 0, 0 으로 설정하고, 서버에 저장된 모니터링대상자의 위치 좌표로 업데이트 해주고 있습니다.
• setState 후 onCameraChange 이벤트 발생 확인하였으나, 지도의 위치가 변경되지 않아 문의드립니다.

I/flutter (19057): MapWidget: onCameraChange I/flutter (19057): geo data: 37.4566229, 127.0120762 I/flutter (19057): reason: NCameraUpdateReason.developer animated: false

---

• 우선은 임시방편으로 uniqueKey()를 생성하여 값 변경시 지도 전체를 다시 렌더하여 지도 위치를 이동시키고 있습니다.

  class _MapWidgetState extends State<MapWidget> {
  Key _mapKey = UniqueKey();
  
  @override
  Widget build(BuildContext context) {
  _mapKey = UniqueKey();
  
  return LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
    final widgetWidth = constraints.maxWidth;
    final widgetHeight = constraints.maxHeight;
    var cameraPosition = NCameraPosition(
        target: NLatLng(widget.latitude, widget.longitude), zoom: 14);
    print('cameraPosition: ${cameraPosition.target}');
  
    return Stack(
      children: [
        Padding(
          padding: EdgeInsets.fromLTRB(
            widgetWidth * 0.1, // left
            widgetHeight * 0.3, // top
            widgetWidth * 0.1, // right
            widgetHeight * 0.1, // bot
          ),
          child: NaverMap(
            key: _mapKey,
            options: NaverMapViewOptions(
              mapType: NMapType.basic,
              // liteModeEnable: true,
              consumeSymbolTapEvents: false,
              rotationGesturesEnable: false,
              scrollGesturesEnable: false,
              tiltGesturesEnable: false,
              zoomGesturesEnable: false,
              stopGesturesEnable: false,
              logoClickEnable: false,
              logoAlign: NLogoAlign.leftBottom,
              logoMargin: EdgeInsets.only(bottom: 1, left: 1),
              initialCameraPosition: cameraPosition,
            ), // 지도 옵션을 설정할 수 있습니다.
            forceGesture:
                false, // 지도에 전달되는 제스처 이벤트의 우선순위를 가장 높게 설정할지 여부를 지정합니다.
            onMapReady: (controller) {
              print(
                  'MapWidget: onMapReady : ${widget.latitude}, ${widget.longitude}');
            },
            onMapTapped: (point, latLng) {
              print('MapWidget: onMapTapped');
            },
            onSymbolTapped: (symbol) {
              print('MapWidget: onSymbolTapped');
            },
            onCameraChange: (reason, animated) {
              print('MapWidget: onCameraChange');
              print('geo data: ${widget.latitude}, ${widget.longitude}');
              print('reason: $reason animated: $animated');
            },
            onCameraIdle: () {
              print('MapWidget: onCameraIdle');
            },
            onSelectedIndoorChanged: (indoor) {
              print('MapWidget: onSelectedIndoorChanged');
            },
          ),
        ),
        Padding(
          padding: EdgeInsets.only(
            top: widgetHeight * 0.15,
            left: widgetWidth * 0.12,
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                "최근위치",
                style: styles.textSmallTextMedium.copyWith(
                  fontSize: dynamicFontSize(
                      (context), styles.textSmallTextMedium.fontSize),
                ),
              ),
            ],
          ),
        ),
        Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Icon(
                Icons.location_on,
                color: FigmaColors.brandColor1,
                size: 30,
              ),
            ],
          ),
        ),
      ],
    );
  });
  }
  }

[note11g]

안녕하세요. 먼저, 라이브러리를 이용해주셔서 감사합니다.

원하시는 대로 작동하지 않는 것은 카메라를 움직일 때, option.initialCameraPosition을 이용하셔서 그런 것 같습니다. 해당 옵션은 카메라를 동적으로 움직일 때 사용하는 것이 아니라, 초기 위치를 지정할 때만 사용합니다. (관련 내용 문서)

요구사항대로 카메라를 동적으로 움직이시려면, 다음과 같이 활용하시기 바랍니다. _이때 활용되는 NCameraUpdate는 문서를 참고해주세요._

final NCameraUpdate cameraUpdate = NCameraUpdate.withParams(target: NLatLng(37.5666102, 126.9783881));
mapController.updateCamera(cameraUpdate);

추가로 질문이 있으시다면, 이슈를 다시 열고 코멘트로 남겨주세요. 좋은 하루 되시길 바라겠습니다:) 감사합니다.