95 lines
2.8 KiB
Dart
95 lines
2.8 KiB
Dart
|
import 'dart:typed_data';
|
|||
|
|
|
|||
|
|
import 'package:amap_map/amap_map.dart';
|
|||
|
|
import 'package:amap_map_example/base_page.dart';
|
|||
|
|
import 'package:amap_map_example/const_config.dart';
|
|||
|
|
import 'package:amap_map_example/widgets/amap_switch_button.dart';
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter/services.dart';
|
|||
|
|
|
|||
|
|
class CustomMapStylePage extends BasePage {
|
|||
|
|
CustomMapStylePage(String title, String subTitle) : super(title, subTitle);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) => _CustomMapStyleBody();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _CustomMapStyleBody extends StatefulWidget {
|
|||
|
|
_CustomMapStyleBody({Key? key}) : super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_CustomMapStyleState createState() => _CustomMapStyleState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _CustomMapStyleState extends State<_CustomMapStyleBody> {
|
|||
|
|
bool _mapCreated = false;
|
|||
|
|
|
|||
|
|
CustomStyleOptions _customStyleOptions = CustomStyleOptions(false);
|
|||
|
|
//加载自定义地图样式
|
|||
|
|
void _loadCustomData() async {
|
|||
|
|
ByteData styleByteData = await rootBundle.load('assets/style.data');
|
|||
|
|
_customStyleOptions.styleData = styleByteData.buffer.asUint8List();
|
|||
|
|
ByteData styleExtraByteData =
|
|||
|
|
await rootBundle.load('assets/style_extra.data');
|
|||
|
|
_customStyleOptions.styleExtraData =
|
|||
|
|
styleExtraByteData.buffer.asUint8List();
|
|||
|
|
//如果需要加载完成后直接展示自定义地图，可以通过setState修改CustomStyleOptions的enable为true
|
|||
|
|
// setState(() {
|
|||
|
|
// _customStyleOptions.enabled = true;
|
|||
|
|
// });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_loadCustomData();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final AMapWidget map = AMapWidget(
|
|||
|
|
apiKey: ConstConfig.amapApiKeys,
|
|||
|
|
onMapCreated: onMapCreated,
|
|||
|
|
customStyleOptions: _customStyleOptions,
|
|||
|
|
);
|
|||
|
|
return ConstrainedBox(
|
|||
|
|
constraints: BoxConstraints.expand(),
|
|||
|
|
child: Stack(
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
height: MediaQuery.of(context).size.height,
|
|||
|
|
width: MediaQuery.of(context).size.width,
|
|||
|
|
child: map,
|
|||
|
|
),
|
|||
|
|
Positioned(
|
|||
|
|
top: 30,
|
|||
|
|
child: Container(
|
|||
|
|
color: Color(0xFF00BFFF),
|
|||
|
|
child: AMapSwitchButton(
|
|||
|
|
label: Text(
|
|||
|
|
'自定义地图',
|
|||
|
|
style: TextStyle(color: Colors.white),
|
|||
|
|
),
|
|||
|
|
defaultValue: _customStyleOptions.enabled,
|
|||
|
|
onSwitchChanged: (value) => {
|
|||
|
|
if (_mapCreated)
|
|||
|
|
{
|
|||
|
|
setState(() {
|
|||
|
|
_customStyleOptions.enabled = value;
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void onMapCreated(AMapController controller) {
|
|||
|
|
_mapCreated = true;
|
|||
|
|
}
|
|||
|
|
}
|