在dart中添加地图中的所有值

在Dart中添加地图中的所有值，可以通过以下步骤实现：

导入地图相关的库：首先，你需要导入与地图相关的库，例如flutter_map库，它是一个用于在Flutter应用中显示地图的强大库。你可以在pubspec.yaml文件中添加以下依赖：

dependencies:
  flutter_map: ^0.13.0

然后运行flutter packages get命令来获取库。

创建地图视图：在Dart中，你可以使用flutter_map库创建地图视图。首先，你需要导入相关的类：

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';

然后，你可以在build方法中创建一个FlutterMap小部件，并指定地图的提供者和初始位置：

@override
Widget build(BuildContext context) {
  return FlutterMap(
    options: MapOptions(
      center: LatLng(51.5, -0.09), // 初始位置
      zoom: 13.0, // 初始缩放级别
    ),
    layers: [
      TileLayerOptions(
        urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
        subdomains: ['a', 'b', 'c'],
      ),
    ],
  );
}

在上面的示例中，我们使用了OpenStreetMap作为地图提供者，并指定了瓦片图像的URL模板。

添加标记点：要在地图上添加标记点，你可以使用MarkerLayerOptions类。首先，你需要创建一个List来存储所有的标记点：

List<Marker> markers = [
  Marker(
    width: 80.0,
    height: 80.0,
    point: LatLng(51.5, -0.09),
    builder: (ctx) => Container(
      child: FlutterLogo(),
    ),
  ),
];

在上面的示例中，我们创建了一个具有指定位置和自定义构建器的标记点。

然后，你可以将MarkerLayerOptions添加到layers列表中：

layers: [
  TileLayerOptions(
    // ...
  ),
  MarkerLayerOptions(
    markers: markers,
  ),
],

完整示例代码：以下是一个完整的示例代码，展示了如何在Dart中添加地图中的所有值：

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Map Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MapScreen(),
    );
  }
}

class MapScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<Marker> markers = [
      Marker(
        width: 80.0,
        height: 80.0,
        point: LatLng(51.5, -0.09),
        builder: (ctx) => Container(
          child: FlutterLogo(),
        ),
      ),
    ];

    return Scaffold(
      appBar: AppBar(
        title: Text('Map Demo'),
      ),
      body: FlutterMap(
        options: MapOptions(
          center: LatLng(51.5, -0.09),
          zoom: 13.0,
        ),
        layers: [
          TileLayerOptions(
            urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
            subdomains: ['a', 'b', 'c'],
          ),
          MarkerLayerOptions(
            markers: markers,
          ),
        ],
      ),
    );
  }
}

这个示例中，我们创建了一个简单的Flutter应用，显示了一个带有标记点的地图视图。

希望这个答案能够满足你的需求。如果你有任何其他问题，请随时提问！