如何打印几个标记Google Map API 0.5.7 Flutter

卢卡·马特维(Luca Mathevet)

我正在尝试使用google map api的最新版本(0.5.7),但是在我的地图上仅打印了一个标记,但是数据库上有很多标记,在尝试放置最新版本之前,它运行良好。有人知道如何打印许多标记吗?我在使用标记的地方放了箭头。

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

import 'package:location/location.dart';

import 'package:geoflutterfire/geoflutterfire.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:rxdart/rxdart.dart';
import 'dart:async';
import 'package:intl/intl.dart';

import 'customs_icons_icons.dart';
import 'Dialogs.dart';
import 'Metro.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          body: FireMap(),
        ));
  }
}

class FireMap extends StatefulWidget {
  State createState() => FireMapState();
}

class FireMapState extends State<FireMap> {
  GoogleMapController mapController;
  Location location = new Location();
  Dialogs dialogs = new Dialogs();
  Firestore firestore = Firestore.instance;
  Geoflutterfire geo = Geoflutterfire();

  BehaviorSubject<double> radius = BehaviorSubject(seedValue: 100.0);
  Stream<dynamic> query;

  StreamSubscription subscription;`enter code here`

  Map<MarkerId, Marker> markers = <MarkerId, Marker>{};
  MarkerId selectedMarker;
  int _markerIdCounter = 1;

  build(context) {
    return Stack(children: [
      GoogleMap(
        initialCameraPosition:
            CameraPosition(target: LatLng(45.758077, 4.833316), zoom: 15),
        onMapCreated: _onMapCreated,
        myLocationEnabled: true,
        mapType: MapType.normal,
        compassEnabled: true,
        markers: Set<Marker>.of(markers.values),<---
      ),
      Positioned(
        bottom: 20,
        right: 20,
        child: Container(
          height: 80.0,
          width: 80.0,
          child: FittedBox(
            child: FloatingActionButton(
              child: Icon(CustomsIcons.ticket, color: Colors.black),
              backgroundColor: Colors.pink[200],
              onPressed: () => dialogs.information(
                  context, 'Confirmer ?', 'description', addGeoPoint),
            ),
          ),
        ),
      ),
    ]);
  }

  _onMapCreated(GoogleMapController controller) {
    _startQuery();
   setState(
      () {
        mapController = controller;
      },
    );
  }


  void _updateMarkers(List<DocumentSnapshot> documentList) { <---
    final String markerIdVal = 'marker_id_$_markerIdCounter';
    _markerIdCounter++;
    final MarkerId markerId = MarkerId(markerIdVal);
    print(documentList);
    markers.clear();
    documentList.forEach(
      (DocumentSnapshot document) {
        GeoPoint pos = document.data['position']['geopoint'];
        var marker = Marker(
            markerId: markerId,
            position: LatLng(pos.latitude, pos.longitude),
            icon: BitmapDescriptor.fromAsset('assets/ticket_point.png'),
            infoWindow:
                InfoWindow(title: 'Ici à :', snippet: document.data['time']));
        setState(() {
          markers[markerId] = marker;
        });
      },
    );
  }
卢卡·马特维(Luca Mathevet)

有用 !我刚刚将markerIDcounter移至“((DocumentSnapshot document)”)中,所有标记均出现

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

App运行时Google Flutter Google Map API问题

Google Map Api Uncaught TypeError:无法读取null的属性“ 0”

Google Map API-如何更改标记上的默认光标

如何更改Google Map API可拖动标记的颜色?

打印整个页面时如何修复Google Map API?

Google Map API标记图标网址?

将Google Map api密钥存储在Firestore上可以吗?(从Flutter应用调用)

无法使用Flutter中的筛选标记填充Google Map

Google Map API如何工作?

在Angular 7中动态更改agm-map Google Maps API密钥

如何根据位置将 Google Map API 标记链接到 Flickr API 照片搜索

Flutter的flutter_google_map_view小部件中的聚类标记

Flutter:如何使用新的Marker API将标记添加到Google Maps?

如何通过哈希图将多个标记添加到Google Map API?- (安卓)

如何使用Google Map API快速找到用户当前位置附近的标记

如何管理Android Google Map API中不在集群中的单击标记?

我们如何在Google Map API中通过javascript设置标记标签内容?

google map api 如何通过单击多个标记之一放大然后缩小

如何在标记中在鼠标悬停时显示名称:Google Map API

Android Studio-如何使用Google Map API在学校地图上随机添加标记

React中的Google Map API:如何为每个标记分配InfoWindow

gdb中的“目标记录已满”会使printf上的“ n”命令失败,并带有“进程记录不支持地址0x7ffff7dee6e7的指令0xc5”吗?

如何从python中的地图对象(<map at 0x7f8adefd7c50>)获取二进制值?

如何在Flutter中使用Google API?

安卓 单击标记后的Google map API工具

使用 javascript api google map 从 json 导入标记

Google Map API在信息窗口中显示标记位置

Google Map API ANDROID中标记的GIF类型动画

Google Map API从当前位置到标记的路线