如何在flutter中显示google地图中的自定义位置？
在Flutter中显示Google地图中的自定义位置，可以通过使用google_maps_flutter插件来实现。
首先，确保已经在Flutter项目的pubspec.yaml文件中添加了google_maps_flutter依赖：
dependencies:
flutter:
sdk: flutter
google_maps_flutter: ^2.0.10然后，在需要显示地图的页面中，导入google_maps_flutter插件：
import 'package:google_maps_flutter/google_maps_flutter.dart';接下来，创建一个GoogleMap小部件，并在其中设置initialCameraPosition和markers属性。initialCameraPosition用于设置地图的初始位置，markers用于添加自定义位置标记。
GoogleMap(
initialCameraPosition: CameraPosition(
target: LatLng(latitude, longitude), // 设置地图的初始中心位置
zoom: 15, // 设置地图的初始缩放级别
),
markers: Set<Marker>.from([
Marker(
markerId: MarkerId('custom_location'),
position: LatLng(latitude, longitude), // 设置自定义位置的经纬度
infoWindow: InfoWindow(title: 'Custom Location'), // 设置标记的信息窗口
),
]),
)其中，latitude和longitude分别为自定义位置的纬度和经度。
最后，在页面的主体部分使用GoogleMap小部件来显示地图：
Scaffold(
appBar: AppBar(
title: Text('Custom Location Map'),
),
body: GoogleMap(
// 设置地图属性
),
)这样，就可以在Flutter中显示Google地图中的自定义位置了。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议您参考腾讯云的地图服务相关产品，如腾讯位置服务（Tencent Location Service）或腾讯地图 SDK（Tencent Map SDK）。您可以在腾讯云官网上找到相关产品的详细介绍和文档。
相关·内容
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
回答已采纳
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回答
在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回答
有一个问题，运行地图，无一例外，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
回答已采纳
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回答
getLocation()函数提供静态访问错误
flutter、google-maps、visual-studio-code、static、project
显示错误的getLocation()函数。
错误是:无法使用静态访问访问实例成员'getLocation‘。
此外，我添加了多行，这也是没有显示在应用程序。多行显示没有错误，但它在地图上不可见，这是在应用程序内。
守则是：
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_polyline_points/flutter_polyline_points.dart';
import 'package:goo
浏览 7提问于2022-07-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
当我尝试在我的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回答
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回答
Google地图中的更新标记--颤振警报对话框
google-maps、flutter、dart、flutter-alertdialog
我试图使用以下方法将googlemap(google_maps_flutter 0.5.25+1库)加载到对话框窗口
_loadMapDialog() {
try {
if (_currentPosition.latitude == null) {
Toast.show("Location not available. Please wait...", context,
duration: Toast.LENGTH_LONG, gravity: Toast.BOTTOM);
_getLocation(); //_getCurrentLocat
浏览 1提问于2020-03-26得票数 0
回答已采纳
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
2回答
在变量完全初始化之前调用Flutter build方法，这会导致应用程序崩溃
flutter、android-studio、dart、build、widget
我想从会话变量初始化_lastMapPosition的值，但在我的例子中，builds方法在intistate方法之前运行。有没有一种在构建小部件方法之前初始化它的简单方法？我是新手，请提供完整的详细信息。我尝试过futurebuilder，但我想我都试错了。
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import &#
浏览 9提问于2021-09-20得票数 0
1回答
颤振地图，setState不更新标记和多边形
google-maps、flutter、dart
在初始化映射时，标记和多边形似乎可以直接给出，但是调用setState方法时不添加多边形和标记。
我不知道我错过了什么，
下面是我到目前为止尝试过的。
有人能帮我找不到地图没有更新的地方吗？
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';
浏览 2提问于2020-01-28得票数 2
回答已采纳
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
回答已采纳
1回答
不显示颤动贴图标记
flutter、google-maps、google-cloud-firestore、google-maps-markers
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
浏览 7提问于2021-02-04得票数 0
回答已采纳
1回答
如何在带有flutter的google地图上长按drop pins？
google-maps、flutter、dart
我是新来的flutter。我正试着用flutter把大头针放到地图上，
在这里，我使用geolocator包获取了当前位置并设置了一个标记
GoogleMap(
onMapCreated: (controller){
mapController=controller ;
},
mapType: _currentMapType,
myLocationEnabled: true,
initialCameraPosition: CameraPositi
浏览 9提问于2019-07-23得票数 0
2回答
未处理的异常:没有找到MediaQuery小部件-颤振ShowModalButtonSheet
android、google-maps、flutter
在使用标记的onTap()方法按下Google的标记(当前位置)之后，我正在进行这个项目，以显示一个onTap小部件。但是它显示了一个例外: MyApp小部件需要一个MediaQuery小部件祖先。
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:geolocator/geolocator.dart';
void main() {
runApp(MyAp
浏览 2提问于2020-09-11得票数 1
回答已采纳
1回答
如何在Google地图中将动态位置或用户位置设置为圆圈，以及显示仅在圆圈内的标记
google-maps、flutter、location、marker、google-maps-flutter
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';
import 'package:rewahub/widgets/styles.dart';
class Gma
浏览 2提问于2019-12-02得票数 3
回答已采纳
1回答
在google上用颤音抓取地理点和设置标记
flutter、google-cloud-firestore、geolocation、location
我正试图在谷歌地图上设置标记。我从Firestore获取数据，但地图上没有显示标记，我使用两种不同的映射:在一种情况下，用户可以设置一个位置以保存在Firestore中，而另一种地图应该检索带有用户位置的标记。
这是详细的消息：
详细-2:ui_dart_state.cc(157)未处理异常：'package:google_maps_flutter_platform_interface/src/types/location.dart'：失败断言:第19行pos 16：‘纬度!= null'：不是真。
有人知道我在代码中遗漏了什么吗？
谢谢
class MapScree
浏览 2提问于2020-05-15得票数 0
1回答
如何使用flutter在google地图上调整多边形的大小？
google-maps、flutter、dart
我正在使用google_maps_flutter包来使用谷歌地图并添加一个多边形。我想调整多边形的大小以获得正确的区域。 我尝试搜索任何要调整的属性，但没有找到。 这是我将多边形添加到google地图的代码。 Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Maps Sample App'),
backgroundColor: Colors.green[700],
浏览 3提问于2019-07-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
活动推荐
腾讯云开发者
