dart:如何在dart/flutter中将简单的地图转换为列表？
在Dart/Flutter中，可以使用第三方库来将简单的地图转换为列表。一个常用的库是google_maps_flutter，它提供了与Google Maps API的集成。
首先，确保已在项目的pubspec.yaml文件中添加google_maps_flutter依赖项。然后，在需要显示地图的页面中，导入google_maps_flutter库：
import 'package:google_maps_flutter/google_maps_flutter.dart';接下来，创建一个GoogleMap小部件，并将其放置在一个Container或其他适当的小部件中：
Container(
height: 300, // 设置地图的高度
child: GoogleMap(
initialCameraPosition: CameraPosition(
target: LatLng(37.42796133580664, -122.085749655962), // 设置地图的初始位置
zoom: 14, // 设置地图的缩放级别
),
markers: Set<Marker>.from([
Marker(
markerId: MarkerId('marker_1'),
position: LatLng(37.42796133580664, -122.085749655962), // 设置标记的位置
infoWindow: InfoWindow(
title: 'Google Plex', // 设置标记的标题
snippet: 'Googleplex, Mountain View, CA', // 设置标记的副标题
),
),
]),
),
)上述代码创建了一个高度为300的Container，并在其中放置了一个GoogleMap小部件。GoogleMap小部件使用initialCameraPosition属性来设置地图的初始位置和缩放级别。markers属性用于设置标记，可以在地图上显示感兴趣的位置。
这只是一个简单的示例，你可以根据自己的需求进行定制。更多关于google_maps_flutter库的详细信息和用法，请参考腾讯云相关产品和产品介绍链接地址：google_maps_flutter。
请注意，这里没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以符合要求。
相关·内容
1回答
Flutter无法获取标记到google-map
android、firebase、flutter、google-maps、google-cloud-firestore
我必须写一个应用程序，显示标记从火基地为大学。我设法使标记在本地创建以显示，但我似乎无法从Firebase工作中获得标记。我猜这与我如何从火场撤回数据有关，但我自己找不到原因。我是加载图像和创建卡从火基地，但这是不同的。
我试图像这样从Firebase中提取数据：
getMarkerData() async{
FirebaseFirestore.instance.collection('buildings').get().then((data){
if(data.docs.isNotEmpty){
for(int i = 0; i < data.docs
浏览 11提问于2022-01-09得票数 1
回答已采纳
1回答
谷歌地图没有显示
android、firebase、flutter
import 'dart:collection';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
class GMap extends StatefulWidget {
const GMap({Key? key}) : super(key: key);
@override
State<GMap> createState() => _GMapState();
浏览 2提问于2022-05-10得票数 -1
1回答
Flutter -从Firestore加载Google地图标记
firebase、flutter、google-maps、google-cloud-firestore
我正在开发一个颤动应用程序，其中一个功能是带有位置的地图。我用Firestore中的位置做了一个数据库，但我无法加载标记。 我没有收到任何错误，看起来应用程序连接正常，但它没有显示标记…… 有没有人能帮我一下？ 在我的代码下面，谢谢！ import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:geolocator/geolocator.dart';
import &#
浏览 27提问于2021-07-01得票数 0
回答已采纳
当我尝试在我的google地图中放置一个标记时，它不会显示，直到我点击热重新加载。我是不是遗漏了一个setState()？
我的问题是我不知道在哪里。这个包的文档确实令人困惑，因为google地图控制器从一开始就发生了巨大的更新和变化。很多指南根本没有用，因为代码已经改变了。
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:flutter/material.
浏览 0提问于2020-02-18得票数 2
1回答
如何在Google地图上设置自定义标记？
flutter、google-maps、marker
我想设置自定义标记与AssetImage作为标记图标上的谷歌地图。我已经做了一个标记，但只作为默认的BitmapDescriptor。我如何提供一个AssetImage作为标志图标？
这是我的密码
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
class GMapPage extends StatefulWidget {
const GMapPage({
Key? key,
}) : s
浏览 17提问于2022-06-17得票数 0
回答已采纳
2回答
如何在google地图上添加多个标记
android、firebase、flutter、google-maps、google-maps-markers
我正在尝试从从火场读取的坐标中添加多个标记。它读取所有坐标并存储在列表中。我已经创建了addMarker函数来将标记添加到地图中。但它只打印了一个标记，最后一个标记坐标读取。有人能帮我解决这个问题吗?因为我是新手。
import 'package:flutter/material.dart';
import 'package:firebase_database/firebase_database.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import
浏览 3提问于2021-06-30得票数 1
回答已采纳
2回答
我在谷歌地图上绘制折线时遇到的问题
flutter、google-maps、google-polyline
我使用google_maps_flutter与flutter_polyline_points软件包加载谷歌地图，并绘制之间的A和B点之间的多边形。地图是加载和多线画之间的A和B之间正确，但另一条直线之间的A和B也是画，我不知道我做错了什么。
这是我的密码
import 'dart:async';
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter
浏览 4提问于2021-08-02得票数 1
1回答
Flutter和Google中Streambuilder的实时更新(Firestore)
flutter、dictionary、dart
我有一个示例应用程序，我正在构建，它从Firestore获取多个标记，并将它们显示在Google上。
问题是更改(添加/删除/更新的标记)不会实时显示，因为它只在init状态下重新构建。我认为我可以使用来监听这些更改并实时更新它们。
我不知道如何使用Google和Firestore，因为快照的语法有点奇怪，我尝试了很多方法，但没有成功。这是我的密码：
@override
void initState() {
populateMarkers();
super.initState();
}
populateMarkers() {
FirebaseFires
浏览 1提问于2021-08-04得票数 1
回答已采纳
1回答
有一个问题，运行地图，无一例外，googleMaps&颤振
google-maps、flutter
每次我试图打开地图，我都会得到这个错误
我不知道为什么会发生这种事
我在网上搜索一个解决方案，虽然还没有找到。
它还说-在构建CreateMapMarker(脏，状态：_CreateMapMarkerState#6a02b)时抛出了以下断言：
谢谢您的帮助，谢谢helpThanks的帮助
'package:google_maps_flutter_platform_interface/src/types/camera.dart': Failed assertion: line 26 pos 16: 'target != null': is not true.
i
浏览 1提问于2020-05-23得票数 0
回答已采纳
2回答
如何打印多个标记google map api 0.5.7 Flutter
google-maps、mobile、google-maps-api-3、flutter
我正在尝试使用谷歌地图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:g
浏览 37提问于2019-04-23得票数 2
回答已采纳
1回答
当我在颤音中单击“后退”按钮时，应用程序崩溃
android、flutter、dart、runtime-error、google-maps-flutter
我使用的是GetX状态管理.不是全部，而是在一些屏幕上，当我导航到另一个屏幕时-
在调试模式或仿真器中-它给出了以下消息
======================
E/Surface ( 6136)：freeAllBuffers:在离开队列时释放了1个缓冲区！E/Surface ( 6136)：getSlotFromBufferLocked:未知缓冲区:0xb4000073d40fca 10
======================
在发布模式或在真正的Android设备-应用程序崩溃与小屏幕闪烁。
这种情况大多数发生在我使用的屏幕上。
我编写的google_map代码是：
impor
浏览 3提问于2022-10-10得票数 0
1回答
在flutter中从json获取数据时，硬编码的标记正在显示，但不显示标记
flutter、google-maps、dart、maps
我正在使用谷歌地图来显示谷歌地图上的标记。当我输入硬编码的数据时，它会显示标记，但是当我将JSON数据传递给标记时，它不会显示。我将两者进行比较，没有区别，两者都是一个标记列表。有没有人能指点我哪里做错了？以下是我的代码 import 'dart:async';
import 'dart:convert';
import 'package:CityKey/providers/businesses.dart';
import 'package:flutter/material.dart';
import 'package
浏览 8提问于2020-10-24得票数 0
回答已采纳
1回答
无法在google地图上拖曳标记
google-maps、flutter、google-maps-markers、google-maps-flutter
我正在使用google_maps_flutter: ^0.5.24+1插件。即使draggable属性设置为true，我也不能将标记拖到地图中。这里出什么问题了？我的代码：
return GoogleMap(
initialCameraPosition: CameraPosition(
target: LatLng(placemark.position.latitude,
placemark.position.longitude),
浏览 3提问于2020-03-02得票数 2
1回答
动态添加标记以摆动google地图
google-maps、flutter、google-maps-markers
我用颤振来制作一个使用地图的移动应用程序。我们决定使用谷歌地图，我们使用的颤振插件是：
google_maps_flutter：^0.5.7
据我所知，在地图中添加标记是这样的：
Map<MarkerId, Marker> markers = <MarkerId, Marker>{};
Marker _marker = new Marker(
icon: BitmapDescriptor.defaultMarker,
markerId: _markerId,
position: LatLng(34.024441,-5.0310968),
info
浏览 0提问于2019-05-04得票数 12
回答已采纳
2回答
未在地图上添加标记
flutter、dart
如图所示，按下绿色按钮应为地图添加一个标记，但在我的示例中不起作用
这里链接到：
我已经在真实设备和不同的模拟器上进行了尝试
正在将数据插入到firebase数据库中，但未在地图上显示
应用程序中也没有错误
import 'dart:async';
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_maps_
浏览 1提问于2020-03-13得票数 1
1回答
地图位置移动时更新餐厅位置
flutter、google-maps、google-maps-markers、google-places-api
此代码根据我当前的位置成功地显示了附近的餐馆使用Google。但是，当我手动移动手机上的地图位置时，新的餐厅标记就不会显示在地图的新位置上。下面是我的密码。我还评论了一些我试图做的事情，以更新标记到新的相机位置。我在谷歌地图中使用了onCameraMove。任何帮助，更新新的餐厅标志，根据新的相机位置，将不胜感激。
import 'package:family_farms_forever/utilities/secrets.dart';
import 'package:flutter/material.dart';
import 'package:geo
浏览 28提问于2022-11-08得票数 0
1回答
颤振:如何使用Getx Obx更新标记在谷歌地图中的位置？
flutter、dart、flutter-getx
我跟踪了view
import 'dart:async';
import 'package:get/get.dart';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import '../../Controllers/mapview_controller.dart';
class MapViewerPage extends StatelessWidget
浏览 7提问于2021-12-27得票数 3
1回答
移动谷歌地图-将摄像机移动到当前位置
android、ios、flutter、google-maps、geolocation
在我的颤栗项目中，我使用Google插件在应用程序中显示地图。在地图上，我希望显示用户的当前位置，并为此使用Geolocator。
当地图加载时，它将加载在一个静态点上，当用户拒绝位置权限时，用户仍然可以在没有位置的情况下使用映射。当用户接受权限时，我希望将相机移动到用户当前位置。
我已经在下面的代码中实现了上面的内容，但是我也得到了下面的错误，我不知道如何解决它。
import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';
import 'packa
浏览 1提问于2021-08-04得票数 1
回答已采纳
1回答
颤振多段线问题
flutter、google-maps、google-maps-markers、flutter-dependencies、google-polyline
我目前在谷歌地图工作。我遵循GCP的所有步骤，还为google map.Now启用了direction，我希望在源和目标之间的地图上显示折线。但当我在真实设备上运行应用程序时，它无法显示。我只得到源和目标的标记。请参阅下面的代码。 import 'package:flutter/material.dart';
import 'package:flutter_polyline_points/flutter_polyline_points.dart';
import 'dart:async';
import 'package:google_
浏览 26提问于2021-05-06得票数 0
回答已采纳
1回答
Flutter ->在后台加载谷歌地图
google-maps、flutter、dart
我需要在后台加载地图，因为当我第一次使用maps.dart点击选项卡时，地图正在加载。它看起来很糟糕，所以我想使用FutureBuilder来显示CircularProgressIndicator()，但是我不知道该怎么做。我知道如何使用列表，但在这种情况下...
此maps.dart代码：
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
impo
浏览 0提问于2019-10-15得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
