I am trying to implement the mapbox_gl api in Flutter. How can I set mapbox access token as a system variable or environment variable

Question

When I run the code below I'm getting errors in that nature **A problem occurred evaluating project ':mapbox_gl'.

SDK Registry token is null. See README.md for more information.**

I believe setting mapbox access token as global or environment variable could solve the problem. If anyone can assist with respect to which files I need to create to store the key and how do I access the tokenenter image description here

class HomeScreen extends StatelessWidget {


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: loadConfigFile(),
        builder: (BuildContext buildContext,
            AsyncSnapshot<Map<String, dynamic>> snapshot) {
          if (snapshot.hasData) {
            return MapboxMap(
                accessToken: snapshot.data['mapbox_api_token'],
                initialCameraPosition: CameraPosition(
                    target: LatLng(-17.8075325, 30.9532117)));
          }
          else {

            return Center(
              child: CircularProgressIndicator(),
            )

          }
        },
      ),
    );
  }
}

An image illustrating the actual error if this can help make this question clear

Can you provide more details on the `loadConfigFile()` function? — Apealed, Jun 22 '21 at 14:56
The MapboxMap is coming from an imported package(mapbox_gl). import 'package:mapbox_gl/mapbox_gl.dart'; — Tinotenda Chimbwanda, Jun 22 '21 at 15:03
The loadConfigFile is in separate file and looks like this: import 'dart:convert'; import 'package:flutter/services.dart'; const _CONFIG_FILE_PATH = 'assets/config.json'; Future> loadConfigFile() async{ String json = await rootBundle.loadString(_CONFIG_FILE_PATH); return jsonDecode(json) as Map ; — Tinotenda Chimbwanda, Jun 22 '21 at 15:04
Does the error come up when you try to build the application, or when the screen is loaded? — Apealed, Jun 22 '21 at 15:06
It comes before the screen loads. The error occurs during the build — Tinotenda Chimbwanda, Jun 22 '21 at 15:38

score 1 · Answer 1 · answered Nov 29 '21 at 06:34

1

It says in package README. You need to create a private token and add it to gradle.properties.

Package: https://github.com/flutter-mapbox-gl/maps

MapBox instructions: https://docs.mapbox.com/android/maps/guides/install/

answered Nov 29 '21 at 06:34

JoKr

4,976
8
27
39

I am trying to implement the mapbox_gl api in Flutter. How can I set mapbox access token as a system variable or environment variable

1 Answers1