Flutter地图展示插件carillon_map_box的使用

carillon_map_box

carillon_map_box 是一个用于在 Flutter 应用中展示地图的插件。

获取开始

这个项目是一个 Flutter 插件包的起点，这类插件包包含针对 Android 和/或 iOS 的平台特定实现代码。

如果你需要开始使用 Flutter，请查看我们的在线文档，其中提供了教程、示例、移动开发指南以及完整的 API 参考。

使用示例

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 carillon_map_box 插件。

示例代码

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:carillon_map_box/carillon_map_box.dart';
import 'package:carillon_map_box/models.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 地图配置选项
    Map<String, dynamic> options = {
      "mapStyleUrl": "mapbox://styles/carillon/ckwroj8nx14d815nvidt3jwea",
      // DAY -> mapbox://styles/carillon/ckwroj8nx14d815nvidt3jwea
      // NIGHT -> mapbox://styles/carillon/ckwrokzci2fh214mk66vm3tai
      "simulateRoute": true,
      "points": [
        CarillonLocation(
                id: 0, address: "plaisir", latitude: 48.824810, longitude: 1.965922)
            .toJson(),
        CarillonLocation(
                id: 1, address: "clamart", latitude: 48.8, longitude: 2.25)
            .toJson()
      ]
    };

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('CarillonMapBox Example (convenient)'),
        ),
        body: Center(
          child: CarillonMapBox(
              onCarillonMapBoxCreated: _onCarillonMapBoxCreated,
              options: options),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 启动导航
            CarillonMapBox.startNavigation(options, () {
              print("Start CALLBACK !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
            }, () {
              print("End CALLBACK !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
            });

            // 延迟 10 秒后发送警报
            Future.delayed(const Duration(seconds: 10), () {
              CarillonMapBox.sendAlert(() {
                print("popup button CALLBACK !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
              });
            });
          },
        ),
      ),
    );
  }

  void _onCarillonMapBoxCreated(CarillonMapBoxController controller) {}
}