我试图让标记出现在谷歌地图上的颤动插件,但我不知道我做错了什么。
我没有得到错误,不是我能看到的错误。
我正在使用google maps flutter插件和云firestore,这就是我在云端防火墙中的数据:
这是代码:
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
void main() => runApp(Lugares());
class Lugares extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Lugares',
home: MapSample(),
debugShowCheckedModeBanner: false,
);
}
}
class MapSample extends StatefulWidget {
@override
State<MapSample> createState() => MapSampleState();
}
class MapSampleState extends State<MapSample> {
final Firestore _database = Firestore.instance;
Completer<GoogleMapController> _controller = Completer();
Map<MarkerId, Marker> markers = <MarkerId, Marker>{};
crearmarcadores(){
_database.collection('Lugares')
.where('tipo', isEqualTo: 'café')
.where('tipo', isEqualTo: 'negocio')
.where('tipo', isEqualTo: 'parque')
.where('tipo', isEqualTo: 'peluqueria')
.where('tipo', isEqualTo: 'plaza')
.where('tipo', isEqualTo: 'restaurant')
.where('tipo', isEqualTo: 'tienda')
.getDocuments().then((docs) {
if(docs.documents.isNotEmpty){
for(int i= 0; i < docs.documents.length; i++) {
initMarker(docs.documents[i].data, docs.documents[i].documentID);
}
}
});
}
void initMarker(lugar, lugaresid) {
var markerIdVal = lugaresid;
final MarkerId markerId = MarkerId(markerIdVal);
// creating a new MARKER
final Marker marker = Marker(
markerId: markerId,
position: LatLng(lugar['Latitud'], lugar['Longitud']),
infoWindow: InfoWindow(title: lugar['Lugar'], snippet: lugar['tipo']),
);
setState(() {
// adding a new marker to map
markers[markerId] = marker;
});
}
static final CameraPosition _kGooglePlex = CameraPosition(
target: LatLng(37.42796133580664, -122.085749655962),
zoom: 14.4746,
);
@override
Widget build(BuildContext context) {
return new Scaffold(
body: GoogleMap(
mapType: MapType.hybrid,
initialCameraPosition: _kGooglePlex,
onMapCreated: (GoogleMapController controller) {
_controller.complete(controller);
},
myLocationEnabled: true,
markers: Set<Marker>.of(markers.values),
),
floatingActionButton: FloatingActionButton.extended(
onPressed: _currentLocation,
label: Text('Ir a mi Ubicacion!'),
icon: Icon(Icons.location_on),
),
);
}
void _currentLocation() async {
final GoogleMapController controller = await _controller.future;
LocationData currentLocation;
var location = new Location();
try {
currentLocation = await location.getLocation();
} on Exception {
currentLocation = null;
}
controller.animateCamera(CameraUpdate.newCameraPosition(
CameraPosition(
bearing: 0,
target: LatLng(currentLocation.latitude, currentLocation.longitude),
zoom: 17.0,
),
));
}
}
希望有人可以告诉我我错过了什么。
你没有调用函数名称crearmarcadores()
,这可能是第一个问题。
也许你可以调用initState
方法,如下面的代码:
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
void main() => runApp(Lugares());
class Lugares extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Lugares',
home: MapSample(),
debugShowCheckedModeBanner: false,
);
}
}
class MapSample extends StatefulWidget {
@override
State<MapSample> createState() => MapSampleState();
}
class MapSampleState extends State<MapSample> {
final Firestore _database = Firestore.instance;
Completer<GoogleMapController> _controller = Completer();
Map<MarkerId, Marker> markers = <MarkerId, Marker>{};
@override
void initState(){
crearmarcadores();
super.initState();
}
crearmarcadores(){
_database.collection('Lugares')
.where('tipo', isEqualTo: 'café')
.where('tipo', isEqualTo: 'negocio')
.where('tipo', isEqualTo: 'parque')
.where('tipo', isEqualTo: 'peluqueria')
.where('tipo', isEqualTo: 'plaza')
.where('tipo', isEqualTo: 'restaurant')
.where('tipo', isEqualTo: 'tienda')
.getDocuments().then((docs) {
if(docs.documents.isNotEmpty){
for(int i= 0; i < docs.documents.length; i++) {
initMarker(docs.documents[i].data, docs.documents[i].documentID);
}
}
});
}
void initMarker(lugar, lugaresid) {
var markerIdVal = lugaresid;
final MarkerId markerId = MarkerId(markerIdVal);
// creating a new MARKER
final Marker marker = Marker(
markerId: markerId,
position: LatLng(lugar['Latitud'], lugar['Longitud']),
infoWindow: InfoWindow(title: lugar['Lugar'], snippet: lugar['tipo']),
);
setState(() {
// adding a new marker to map
markers[markerId] = marker;
});
}
static final CameraPosition _kGooglePlex = CameraPosition(
target: LatLng(37.42796133580664, -122.085749655962),
zoom: 14.4746,
);
@override
Widget build(BuildContext context) {
return new Scaffold(
body: GoogleMap(
mapType: MapType.hybrid,
initialCameraPosition: _kGooglePlex,
onMapCreated: (GoogleMapController controller) {
_controller.complete(controller);
},
myLocationEnabled: true,
markers: Set<Marker>.of(markers.values),
),
floatingActionButton: FloatingActionButton.extended(
onPressed: _currentLocation,
label: Text('Ir a mi Ubicacion!'),
icon: Icon(Icons.location_on),
),
);
}
void _currentLocation() async {
final GoogleMapController controller = await _controller.future;
LocationData currentLocation;
var location = new Location();
try {
currentLocation = await location.getLocation();
} on Exception {
currentLocation = null;
}
controller.animateCamera(CameraUpdate.newCameraPosition(
CameraPosition(
bearing: 0,
target: LatLng(currentLocation.latitude, currentLocation.longitude),
zoom: 17.0,
),
));
}
}
尝试删除Firestone查询中的where子句。看起来你正试图将它们应用为OR逻辑,但链接在条款作为AND的地方。这将导致空数据列表并且您的标记不会显示。