Flutter：如何使用新的Marker API为Google Maps添加标记？

作者: 咿呀哟
发布时间: 2024-01-25 03:02:33 (5月前)
转自：

3 条回复

0#
回复此人
昵称不能为空 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 是的，谷歌地图API已经改变，标记API是基于小部件的，不再基于控制器。 </p> <P> 通过 <a href="https://pub.dartlang.org/packages/google_maps_flutter#030" rel="nofollow noreferrer"> CHANGELOG.md </A> </p> <P> <EM> “突破性的变化。将Marker API改为基于小部件，它是基于控制器的。同时也改变了示例应用程序。” </EM> </p> <P> 我从中复制了一些代码 <a href="https://github.com/flutter/plugins/blob/master/packages/google_maps_flutter/example/lib/place_marker.dart" rel="nofollow noreferrer"> github应用程序示例 </A> 我觉得这对你很重要 </p> <pre> <code> Map<MarkerId, Marker> markers = <MarkerId, Marker>{}; // CLASS MEMBER, MAP OF MARKS void _add() { var markerIdVal = MyWayToGenerateId(); final MarkerId markerId = MarkerId(markerIdVal); // creating a new MARKER final Marker marker = Marker( markerId: markerId, position: LatLng( center.latitude + sin(_markerIdCounter * pi / 6.0) / 20.0, center.longitude + cos(_markerIdCounter * pi / 6.0) / 20.0, ), infoWindow: InfoWindow(title: markerIdVal, snippet: '*'), onTap: () { _onMarkerTapped(markerId); }, ); setState(() { // adding a new marker to map markers[markerId] = marker; }); } GoogleMap( onMapCreated: _onMapCreated, initialCameraPosition: const CameraPosition( target: LatLng(-33.852, 151.211), zoom: 11.0, ), // TODO(iskakaushik): Remove this when collection literals makes it to stable. // https://github.com/flutter/flutter/issues/28312 // ignore: prefer_collection_literals markers: Set<Marker>.of(markers.values), // YOUR MARKS IN MAP ) </code> </pre> <P> 我建议你看看示例应用程序 <a href="https://github.com/flutter/plugins/blob/master/packages/google_maps_flutter/example/lib/place_marker.dart" rel="nofollow noreferrer"> 这里 </A> 。有新的API更新。 </p> </DIV>

编辑
1#
回复此人
昵称为空呵呵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我想你是在打电话给 <code> addMarker </code> null控制器上的方法，所以你需要做的是以下内容： </p> <pre> <code> child: GoogleMap( onMapCreated: _onMapCreated, myLocationEnabled: true, initialCameraPosition: CameraPosition( target: LatLng(37.4219999, -122.0862462), ), ) </code> </pre> <P> 然后在 <code> _onMapCreated </code> 你添加标记 </p> <pre> <code> void _onMapCreated(GoogleMapController controller) { mapController = controller; mapController.animateCamera(CameraUpdate.newCameraPosition(CameraPosition( bearing: 0.0, target: LatLng(37.4219999, -122.0862462), tilt: 0.0, zoom: 15.0, ))); mapController.addMarker( MarkerOptions( position: LatLng(37.4219999, -122.0862462), ), ); } </code> </pre> </DIV>

编辑

登录后才能参与评论