Livemap

具有实时位置更新的地图小部件。基于 Flutter map 和 Geolocator。提供控制器 API 来处理地图状态更改。

注意：地图控制器 API 已移至 `map_controller` 包。Livemap 控制器包现在仅负责地理定位相关的控件

Livemap

API

LiveMapController 类的 API

地图控件

Center

centerOnPosition(Position position ): 将地图居中到 Position

centerOnLiveMarker(): 将地图重新居中到实时位置标记

toggleAutoCenter(): 切换自动居中值

autoCenter: 获取自动居中的当前值：当位置更新时使用

旋转

autoRotate: 根据方位自动旋转地图

rotate(double degrees): 旋转地图

位置流

togglePositionStreamSubscription(): 启用或禁用实时位置流

就绪后回调

地图就绪后立即执行代码

@override
void initState() {
   liveMapController.onLiveMapReady.then((_) {
      liveMapController.togglePositionStreamSubscription();
   });
   super.initState();
}

示例

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:geolocator/geolocator.dart';
import 'package:livemap/livemap.dart';
import 'package:latlong/latlong.dart';

class LiveMapPage extends StatelessWidget {
LiveMapPage() () {
 mapController = MapController();
 liveMapController = LiveMapController(
   mapController:   mapController,
   autoCenter: true);
}

MapController mapController;
LiveMapController liveMapController;

@override
Widget build(BuildContext context) {
 return Scaffold(
     body: LiveMap(
       mapController: mapController,
       liveMapController: liveMapController,
       mapOptions: MapOptions(
         center: LatLng(51.0, 0.0),
         zoom: 13.0,
       ),
       titleLayer: TileLayerOptions(
           urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
           subdomains: ['a', 'b', 'c']),
     ),
     bottomNavigationBar: LiveMapBottomNavigationBar(
       liveMapController: liveMapController,
     ));
}

@override
void dispose() {
 liveMapController.dispose();
 super.dispose();
}
}

变更反馈

提供了一个变更反馈：这是一个流，包含地图控制器所有状态的变化。 例如

import 'dart:async';

StreamSubscription _changefeed;
int _myzoom;

liveMapController.onReady.then((_) {
    _myzoom = liveMapController.zoom;
    _changefeed = liveMapController.changeFeed.listen((change) {
     if (change.name == "zoom") {
       setState(() {
           _myzoom = change.value;
       });
     }
   });
}

// dispose: _changefeed.cancel();

GitHub

https://github.com/synw/livemap