- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在我的 flutter 应用程序中使用 google_maps_flutter 1.0.2 创建了一个 map View ,并且我在我的 map View 上设置了 3 个不同的自定义标记。其中两个是使用复选框设置的,但我想在应用程序首次启动时显示第一组自定义标记。使用此代码,我可以在首次启动应用程序时设置标记,但标记图标是默认的(红色气球状图标)而不是我的自定义图标,但如果我点击复选框两次,我将使用我的图标获得标记。我什至尝试使用 after_layout 库修复此问题,但没有运气。
import 'dart:async';
import 'package:expandable_bottom_sheet/expandable_bottom_sheet.dart';
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:location/location.dart';
import 'package:after_layout/after_layout.dart';
class RoadAssistance extends StatefulWidget {
@override
_RoadAssistanceState createState() => _RoadAssistanceState();
}
class _RoadAssistanceState extends State<RoadAssistance>
with AfterLayoutMixin<RoadAssistance> {
Completer<GoogleMapController> _controller = Completer();
CameraPosition _currentPosition = CameraPosition(
target: LatLng(6.9147, 79.9729),
zoom: 15.4746,
);
Set<Marker> markers = Set();
Set<Marker> markers1 = Set();
bool askingPermission = false;
bool showGarages = false;
bool showBranches = true;
bool firstTime = true;
LocationData _locationData;
BitmapDescriptor myPosIcon;
BitmapDescriptor branchIcon;
BitmapDescriptor garageIcon;
@override
void initState() {
super.initState();
BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(55, 55)), 'images/me.png')
.then((onValue) {
myPosIcon = onValue;
});
BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(55, 55)), 'images/home-city.png')
.then((onValue) {
branchIcon = onValue;
});
BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(48, 48)), 'images/wrench.png')
.then((onValue) {
garageIcon = onValue;
});
}
@override
Widget build(BuildContext context) {
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;
var padding = MediaQuery.of(context).padding;
return Scaffold(
appBar: AppBar(
title: Text('Road Assitance'),
backgroundColor: Color.fromRGBO(0, 172, 192, 100),
),
body: ExpandableBottomSheet(
background: Stack(children: [
SizedBox(
height: height - 130,
child: GoogleMap(
mapType: MapType.normal,
initialCameraPosition: _currentPosition,
myLocationEnabled: true,
myLocationButtonEnabled: true,
markers: markers,
onMapCreated: (GoogleMapController controller) {
_controller.complete(controller);
},
),
),
Container(
padding: EdgeInsets.all(5),
width: width,
height: height - 240,
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
children: [
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black38.withOpacity(0.6),
spreadRadius: 1,
blurRadius: 4,
offset:
Offset(0, 3), // changes position of shadow
),
],
),
width: 160,
padding: EdgeInsets.all(5),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
SizedBox(
height: 30.0,
width: 30.0,
child: Checkbox(
value: showBranches,
onChanged: (bool newValue) {
newValue
? loadBranches()
: unloadBranches();
setState(() {
showBranches = newValue;
print(newValue);
});
}),
),
Icon(
MdiIcons.homeCity,
color: Colors.green[700],
),
SizedBox(
width: 5,
),
Text(
'Branches',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
],
),
),
SizedBox(
height: 10,
),
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black38.withOpacity(0.6),
spreadRadius: 1,
blurRadius: 4,
offset:
Offset(0, 3), // changes position of shadow
),
],
),
width: 160,
padding: EdgeInsets.all(5),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
SizedBox(
height: 30.0,
width: 30.0,
child: Checkbox(
value: showGarages,
onChanged: (bool newValue) {
newValue ? loadGarages() : unloadGarages();
setState(() {
showGarages = newValue;
print(newValue);
});
}),
),
Icon(
MdiIcons.hammerWrench,
color: Colors.orange[700],
),
SizedBox(
width: 5,
),
Text(
'Garages',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
],
),
),
],
),
],
),
),
]),
),
}
@override
void afterFirstLayout(BuildContext context) {
// Calling the same function "after layout" to resolve the issue.
loadBranches();
print("function called");
}
getLocation() async {
Location location = new Location();
LocationData _locationData1;
bool _serviceEnabled;
PermissionStatus _permissionGranted;
_serviceEnabled = await location.serviceEnabled();
if (!_serviceEnabled) {
_serviceEnabled = await location.requestService();
if (!_serviceEnabled) {
return;
}
}
_permissionGranted = await location.hasPermission();
if (_permissionGranted == PermissionStatus.denied) {
_permissionGranted = await location.requestPermission();
if (_permissionGranted != PermissionStatus.granted) {
return;
}
}
_locationData1 = await location.getLocation();
print(_locationData1);
final GoogleMapController controller = await _controller.future;
controller.animateCamera(CameraUpdate.newCameraPosition(_currentPosition));
markers.add(
Marker(
markerId: MarkerId('I\'m Here'),
position: LatLng(_locationData1.latitude, _locationData1.longitude),
icon: myPosIcon,
),
);
setState(() {
_currentPosition = new CameraPosition(
target: LatLng(_locationData1.latitude, _locationData1.longitude),
zoom: 15.4746,
);
});
}
loadGarages() {
print("laod garages called");
markers.addAll([
Marker(
markerId: MarkerId('SLIC Garage'),
position: LatLng(6.9217, 79.9739),
infoWindow: InfoWindow(title: 'SLIC Garage New'),
icon: garageIcon,
),
Marker(
markerId: MarkerId('SLIC Garage 2'),
position: LatLng(6.9197, 79.9639),
infoWindow: InfoWindow(title: 'SLIC Garage Nugapityiia'),
icon: garageIcon,
),
Marker(
markerId: MarkerId('SLIC Garage 3'),
position: LatLng(6.9087, 79.9729),
infoWindow: InfoWindow(title: 'SLIC Garage '),
icon: garageIcon,
),
]);
}
unloadGarages() {
print("unlaod garages called");
markers.removeWhere((x) => x.icon == garageIcon);
}
loadBranches() {
print("laod branches called");
markers.addAll([
Marker(
markerId: MarkerId('SLIC Branch'),
position: LatLng(6.9167, 79.9749),
infoWindow: InfoWindow(title: 'SLIC Branch Hewagama'),
icon: branchIcon,
),
Marker(
markerId: MarkerId('SLIC Branch 2'),
position: LatLng(6.9157, 79.9639),
infoWindow: InfoWindow(title: 'SLIC Branch Kotahawala'),
icon: branchIcon,
),
Marker(
markerId: MarkerId('SLIC Branch Malabe'),
position: LatLng(6.9287, 79.9729),
icon: branchIcon,
),
]);
}
unloadBranches() {
if (firstTime) {
markers.clear();
firstTime = false;
return;
}
print("unlaod branches called");
markers.removeWhere((x) => x.icon == branchIcon);
}
}
最佳答案
你可以试试这个:
@override
void initState() {
WidgetsBinding.instance.addPostFrameCallback((_) async {
myPosIcon = await BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(55, 55)), 'images/me.png');
branchIcon = await BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(55, 55)), 'images/home-city.png');
garageIcon = await BitmapDescriptor.fromAssetImage(
ImageConfiguration(size: Size(48, 48)), 'images/wrench.png');
setState(() {});
});
super.initState();
}
关于google-maps - 在 initState() 中调用时, flutter 的谷歌地图自定义图标不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64231440/
我需要将文本放在 中在一个 Div 中,在另一个 Div 中,在另一个 Div 中。所以这是它的样子: #document Change PIN
奇怪的事情发生了。 我有一个基本的 html 代码。 html,头部, body 。(因为我收到了一些反对票,这里是完整的代码) 这是我的CSS: html { backgroun
我正在尝试将 Assets 中的一组图像加载到 UICollectionview 中存在的 ImageView 中,但每当我运行应用程序时它都会显示错误。而且也没有显示图像。 我在ViewDidLoa
我需要根据带参数的 perl 脚本的输出更改一些环境变量。在 tcsh 中,我可以使用别名命令来评估 perl 脚本的输出。 tcsh: alias setsdk 'eval `/localhome/
我使用 Windows 身份验证创建了一个新的 Blazor(服务器端)应用程序,并使用 IIS Express 运行它。它将显示一条消息“Hello Domain\User!”来自右上方的以下 Ra
这是我的方法 void login(Event event);我想知道 Kotlin 中应该如何 最佳答案 在 Kotlin 中通配符运算符是 * 。它指示编译器它是未知的,但一旦知道,就不会有其他类
看下面的代码 for story in book if story.title.length < 140 - var story
我正在尝试用 C 语言学习字符串处理。我写了一个程序,它存储了一些音乐轨道,并帮助用户检查他/她想到的歌曲是否存在于存储的轨道中。这是通过要求用户输入一串字符来完成的。然后程序使用 strstr()
我正在学习 sscanf 并遇到如下格式字符串: sscanf("%[^:]:%[^*=]%*[*=]%n",a,b,&c); 我理解 %[^:] 部分意味着扫描直到遇到 ':' 并将其分配给 a。:
def char_check(x,y): if (str(x) in y or x.find(y) > -1) or (str(y) in x or y.find(x) > -1):
我有一种情况,我想将文本文件中的现有行包含到一个新 block 中。 line 1 line 2 line in block line 3 line 4 应该变成 line 1 line 2 line
我有一个新项目,我正在尝试设置 Django 调试工具栏。首先,我尝试了快速设置,它只涉及将 'debug_toolbar' 添加到我的已安装应用程序列表中。有了这个,当我转到我的根 URL 时,调试
在 Matlab 中,如果我有一个函数 f,例如签名是 f(a,b,c),我可以创建一个只有一个变量 b 的函数,它将使用固定的 a=a1 和 c=c1 调用 f: g = @(b) f(a1, b,
我不明白为什么 ForEach 中的元素之间有多余的垂直间距在 VStack 里面在 ScrollView 里面使用 GeometryReader 时渲染自定义水平分隔线。 Scrol
我想知道,是否有关于何时使用 session 和 cookie 的指南或最佳实践? 什么应该和什么不应该存储在其中?谢谢! 最佳答案 这些文档很好地了解了 session cookie 的安全问题以及
我在 scipy/numpy 中有一个 Nx3 矩阵,我想用它制作一个 3 维条形图,其中 X 轴和 Y 轴由矩阵的第一列和第二列的值、高度确定每个条形的 是矩阵中的第三列,条形的数量由 N 确定。
假设我用两种不同的方式初始化信号量 sem_init(&randomsem,0,1) sem_init(&randomsem,0,0) 现在, sem_wait(&randomsem) 在这两种情况下
我怀疑该值如何存储在“WORD”中,因为 PStr 包含实际输出。? 既然Pstr中存储的是小写到大写的字母,那么在printf中如何将其给出为“WORD”。有人可以吗?解释一下? #include
我有一个 3x3 数组: var my_array = [[0,1,2], [3,4,5], [6,7,8]]; 并想获得它的第一个 2
我意识到您可以使用如下方式轻松检查焦点: var hasFocus = true; $(window).blur(function(){ hasFocus = false; }); $(win
我是一名优秀的程序员,十分优秀!