Flutter_map: it gives me blank... no map is showing.... i tried a lot of tutorials ...so tired and depressed

Created on 14 Jan 2019 · 14Comments · Source: fleaflet/flutter_map

layers: [
new TileLayerOptions(
urlTemplate:
// "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
// subdomains: ['a', 'b', 'c']),
"https://api.mapbox.com/styles/v1/muhammad94/cjqwfwdpr1o452sqzoy3b74ua.html?fresh=true&title=true&access_token=pk.eyJ1IjoibXVoYW1tYWQ5NCIsImEiOiJjanF3N3o2ZzUwb2R1NDJudzJnY3VkMXcxIn0.jo3ONUsCTUYRv7YAZrehlQ#9.0/37.780000/-122.424100/0",
additionalOptions: {
'accessToken':
'',
'id': 'mapbox.mapbox-streets-v8',
},
this is my code when using leaflet it works and when using mapbox it give me blank page

Source

Muhammad-saafan

Most helpful comment

For anyone else stuck I found a url that works

Here an example:

Replace my username acidhue and the key after it with your own.

https://api.mapbox.com/styles/v1/acidhue/cjvb13pgd12t01flpd97ub8dx/tiles/256/{z}/{x}/{y}@2x?access_token=$mapboxKey

ollydixon on 5 May 2019

🎉4 🚀3 👍3 ❤1

All 14 comments

this is the console
Launching lib\main.dart on SM N910C in debug mode...

registerResGeneratingTask registerResGeneratingTask registerResGeneratingTask registerResGeneratingTask registerResGeneratingTask Built build\app\output I/Timeline(24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): E/flutter (24477): I/flutter (24477): I/flutter (24477): I/flutter (24477): I/flutter (24477): I/flutter (24477): #0 I/flutter (24477): I/flutter (24477): #1 I/flutter (24477): #2 I/flutter (24477): #3 I/flutter (24477): #4 I/flutter (24477): #5 I/flutter (24477): #6 I/flutter (24477): #7 I/flutter (24477): #8 I/flutter (24477): #9 I/flutter (24477): #10 I/flutter (24477): #11 I/flutter (24477): #12 I/flutter (24477): #13 I/flutter (24477): #14 I/flutter (24477): #15 I/flutter (24477): #16 I/flutter (24477): #17 I/flutter (24477): #18 I/flutter (24477): #19 I/flutter (24477): #20 I/flutter (24477): #21 I/flutter (24477): #22 I/flutter (24477): #23 I/flutter (24477): #24 I/flutter (24477): #25 I/flutter (24477): #26 I/flutter (24477): #27 I/flutter (24477): #28 I/flutter (24477): #29 I/flutter (24477): #30 I/flutter (24477): #31 I/flutter (24477): #32 I/flutter (24477): #33 I/flutter (24477): #34 I/flutter (24477): #35 I/flutter (24477): #36 I/flutter (24477): #37 I/flutter (24477): #38 I/flutter (24477): #39 I/flutter (24477): #40 I/flutter (24477): #41 I/flutter (24477): #42 I/flutter (24477): #43 I/flutter (24477): #44 I/flutter (24477): #45 I/flutter (24477): #46 I/flutter (24477): #47 I/flutter (24477): #48 I/flutter (24477): #49 I/flutter (24477): #50 I/flutter (24477): #51 I/flutter (24477): #52 I/flutter (24477): #53 I/flutter (24477): #54 I/flutter (24477): #55 I/flutter (24477): #56 I/flutter (24477): #57 I/flutter (24477): #58 I/flutter (24477): #59 I/flutter (24477): #60 I/flutter (24477): #61 I/flutter (24477): #62 I/flutter (24477): #63 I/flutter (24477): #64 I/flutter (24477): #65 I/flutter (24477): #66 I/flutter (24477): #67 I/flutter (24477): #68 I/flutter (24477): #69 I/flutter (24477): #70 I/flutter (24477): #71 I/flutter (24477): #72 I/flutter (24477): #73 I/flutter (24477): #74 I/flutter (24477): #75 I/flutter (24477): #76 I/flutter (24477): #77 I/flutter (24477): #78 I/flutter (24477): #79 I/flutter (24477): #80 I/flutter (24477): #81 I/flutter (24477): #82 I/flutter (24477): #83 I/flutter (24477): #84 I/flutter (24477): #85 I/flutter (24477): #86 I/flutter (24477): #87 I/flutter (24477): #88 I/flutter (24477): #89 I/flutter (24477): #90 I/flutter (24477): #91 I/flutter (24477): #92 I/flutter (24477): #93 I/flutter (24477): #94 I/flutter (24477): #95 I/flutter (24477): #96 I/flutter (24477): #97 I/flutter (24477): #98 I/flutter (24477): #99 I/flutter (24477): #100 I/flutter (24477): #101 I/flutter (24477): #102 I/flutter (24477): #103 I/flutter (24477): #104 I/flutter (24477): #105 I/flutter (24477): #106 I/flutter (24477): #107 I/flutter (24477): #108 I/flutter (24477): #109 I/flutter (24477): #110 I/flutter (24477): #111 I/flutter (24477): #112 I/flutter (24477): #113 I/flutter (24477): #114 I/flutter (24477): #115 I/flutter (24477): #116 I/flutter (24477): I/flutter (24477): I/flutter (24477): scale: 1.0)
I/flutter (24477): Image key:
I/flutter (24477): I/flutter (24477): scale: 1.0)
I/flutter (24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): D/ViewRootImpl(24477): V/ActivityThread(24477): is deprecated, use registerGeneratedResFolders(FileCollection)
is deprecated, use registerGeneratedResFolders(FileCollection)
is deprecated, use registerGeneratedResFolders(FileCollection)
is deprecated, use registerGeneratedResFolders(FileCollection)
is deprecated, use registerGeneratedResFolders(FileCollection)
s\apk\debug\app-debug.apk.
Timeline: Activity_idle id: android.os.BinderProxy@46ad9a7 time:143657055
ViewPostImeInputStage processPointer 0
ViewPostImeInputStage processPointer 1
ViewPostImeInputStage processPointer 0
ViewPostImeInputStage processPointer 1
[ERROR:flutter/lib/ui/painting/codec.cc(97)] Failed decoding image. Data is either invalid, or it is encoded using an unsupported format.
══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════
The following _Exception was thrown resolving an image codec:
Exception: operation failed
When the exception was thrown, this was the stack:
NetworkImage._loadAsync (package:flutter/src/painting/image_provider.dart:498:12)

NetworkImage.load (package:flutter/src/painting/image_provider.dart:471:14)
ImageProvider.resolve.. (package:flutter/src/painting/image_provider.dart:267:86)
ImageCache.putIfAbsent (package:flutter/src/painting/image_cache.dart:143:20)
ImageProvider.resolve. (package:flutter/src/painting/image_provider.dart:267:63)
SynchronousFuture.then (package:flutter/src/foundation/synchronous_future.dart:38:29)
ImageProvider.resolve (package:flutter/src/painting/image_provider.dart:265:30)
_ImageProviderResolver.resolve (package:flutter/src/widgets/fade_in_image.dart:333:29)
_FadeInImageState._resolveImage (package:flutter/src/widgets/fade_in_image.dart:408:20)
_FadeInImageState.didChangeDependencies (package:flutter/src/widgets/fade_in_image.dart:390:5)
StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3846:12)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
ParentDataElement.mount (package:flutter/src/widgets/framework.dart:4047:11)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4965:32)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4860:14)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3848:11)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4965:32)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4860:14)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4860:14)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3848:11)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3732:16)
Element.rebuild (package:flutter/src/widgets/framework.dart:3547:5)
ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3701:5)
ComponentElement.mount (package:flutter/src/widgets/framework.dart:3696:5)
Element.inflateWidget (package:flutter/src/widgets/framework.dart:2950:14)
Element.updateChild (package:flutter/src/widgets/framework.dart:2753:12)
_LayoutBuilderElement._layout. (package:flutter/src/widgets/layout_builder.dart:118:18)
BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2266:19)
_LayoutBuilderElement._layout (package:flutter/src/widgets/layout_builder.dart:107:11)
RenderObject.invokeLayoutCallback. (package:flutter/src/rendering/object.dart:1730:58)
PipelineOwner._enableMutationsToDirtySubtrees (package:flutter/src/rendering/object.dart:799:15)
RenderObject.invokeLayoutCallback (package:flutter/src/rendering/object.dart:1730:13)
_RenderLayoutBuilder.performLayout (package:flutter/src/widgets/layout_builder.dart:205:5)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:142:11)
_ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:339:7)
MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:212:7)
RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:356:14)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
_RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1188:11)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
RenderOffstage.performLayout (package:flutter/src/rendering/proxy_box.dart:2879:14)
RenderObject.layout (package:flutter/src/rendering/object.dart:1634:7)
RenderStack.performLayout (package:flutter/src/rendering/stack.dart:510:15)
RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1509:7)
PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:768:18)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:281:19)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding&WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:677:13)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:219:5)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:990:15)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:930:9)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:842:5)
_invoke (dart:ui/hooks.dart:154:13)
_drawFrame (dart:ui/hooks.dart:143:3)
Image provider:
NetworkImage("https://api.mapbox.com/styles/v1/muhammad94/cjqwfwdpr1o452sqzoy3b74ua.html?fresh=true&title=true&access_token=pk.eyJ1IjoibXVoYW1tYWQ5NCIsImEiOiJjanF3N3o2ZzUwb2R1NDJudzJnY3VkMXcxIn0.jo3ONUsCTUYRv7YAZrehlQ#9.0/37.780000/-122.424100/0",
NetworkImage("https://api.mapbox.com/styles/v1/muhammad94/cjqwfwdpr1o452sqzoy3b74ua.html?fresh=true&title=true&access_token=pk.eyJ1IjoibXVoYW1tYWQ5NCIsImEiOiJjanF3N3o2ZzUwb2R1NDJudzJnY3VkMXcxIn0.jo3ONUsCTUYRv7YAZrehlQ#9.0/37.780000/-122.424100/0",
════════════════════════════════════════════════════════════════════════════════════════════════════
ViewPostImeInputStage processPointer 0
ViewPostImeInputStage processPointer 1
ViewPostImeInputStage processPointer 0
ViewPostImeInputStage processPointer 1
updateVisibility : ActivityRecord{f616943 token=android.os.BinderProxy@46ad9a7 {com.example.hazzam/com.example.hazzam.MainActivity}} show : true

Muhammad-saafan on 14 Jan 2019

Bit confused, haven't you just commented out the URL for the tiles & subdomain and included an interactive webpage that wouldn't work (I can't tell properly from where I am), but you would need to include a tile serving URL ?
What happens if you use the original URL and subdomain ?

ibrierley on 14 Jan 2019

@Muhammad-saafan you have to use the correct URL on the urlTemplate like this:

layers: [
new TileLayerOptions(
urlTemplate: "https://api.mapbox.com/v4/{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",
additionalOptions: {
    'accessToken': '<your-key>',
    'id': 'mapbox.streets'
})]

cetorres on 16 Jan 2019

layers: [
  new TileLayerOptions(
    urlTemplate: "https://api.mapbox.com/styles/v1/{id}/tiles/512/{z}/{x}/{y}@2x?access_token={accessToken}",
    additionalOptions: {
      'accessToken': 'pk.eyJ1IjoibXVoYW1tYWQ5NCIsImEiOiJjanF3N3o2ZzUwb2R1NDJudzJnY3VkMXcxIn0.jo3ONUsCTUYRv7YAZrehlQ',
      'id': 'mapbox.mapbox-streets-v8',
    },
  ),

this will work well, i took time to find good uri which work with leaflet too
notice that i removed < & > from your token, it will work now

stafyniaksacha on 18 Jan 2019

👎1

@stafyniaksacha thanks for helping out. @Muhammad-saafan did this fix your issue? It sounds like we need to add a better explanation for additionalOptions?

johnpryan on 3 Feb 2019

Same issue, any solutions?

thanooshan on 12 Mar 2019

@thanooshan is your url template correct?

johnpryan on 12 Mar 2019

layers: [ new TileLayerOptions( urlTemplate: "https://api.mapbox.com/styles/v1/thanooshan/{somekey}/wmts?access_token="{accessToken}", additionalOptions: { 'accessToken': '{accessToken}', 'id': 'mapbox.mapbox-streets-v8', }, ) ]

@johnpryan This is my layers code. Am I missing something?

thanooshan on 15 Mar 2019

@johnpryan @stafyniaksacha Map is working.
Screen Shot 2019-03-24 at 10 20 29 AM

We have to use CARTO url. Previously I used WMTS url.

thanooshan on 24 Mar 2019

For anyone else stuck I found a url that works

Here an example:

Replace my username acidhue and the key after it with your own.

https://api.mapbox.com/styles/v1/acidhue/cjvb13pgd12t01flpd97ub8dx/tiles/256/{z}/{x}/{y}@2x?access_token=$mapboxKey

ollydixon on 5 May 2019

🎉4 🚀3 👍3 ❤1

thanks @ollydixon!

johnpryan on 17 May 2019

Fixed by getting a url from Mapbox studio > Share button > Third party tab > CARTO option in dropdown with the following code:

          Container(
            width: 500,
            height: 500,
            child: FlutterMap(
              options: MapOptions(
                center: LatLng(51.5, -0.09),
                zoom: 13.0,
              ),
              layers: [
                TileLayerOptions(
                  urlTemplate: "https://api.mapbox.com/styles/v1/<username>/ck15ozlow33tj1cph5cpt2y79/tiles/256/{z}/{x}/{y}@2x?access_token=<token>",
                ),
                MarkerLayerOptions(
                  markers: [
                    Marker(
                      width: 80.0,
                      height: 80.0,
                      point: LatLng(51.5, -0.09),
                      builder: (ctx) =>
                      Container(
                        child: FlutterLogo(),
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),

There are a few parts here that I would really love to see reflected in the docs for this plugin. First off, I had to figure out to use a container to size things, secondly, the URL and how to get it...

cosmotek on 30 Sep 2019

hello i have same issue and try lot with codes which users here recommended . also with Mapbox studio i use this code but still receive null gray page
```java
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}

class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State {

@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(title: new Text('Leaflet Maps')),
body: new FlutterMap(
options: new MapOptions(
center: new LatLng(35.22, -101.83), minZoom: 5.0),
layers: [
new TileLayerOptions(
urlTemplate:
"https://api.mapbox.com/styles/v1/rajayogan/cjl1bndoi2na42sp2pfh2483p/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoicmFqYXlvZ2FuIiwiYSI6ImNqNW1nOXhtMTNndXkyeG5xbDZiNzZmaGcifQ.S5sdpVrOr2pa5oRqvWDMGA",
additionalOptions: {
'accessToken':
'pk.eyJ1IjoicmFqYXlvZ2FuIiwiYSI6ImNqNW1nOXhtMTNndXkyeG5xbDZiNzZmaGcifQ.S5sdpVrOr2pa5oRqvWDMGA',
'id': 'mapbox.mapbox-streets-v7'
}),
new MarkerLayerOptions(markers: [
new Marker(
width: 45.0,
height: 45.0,
point: new LatLng(35.215, -101.825),
builder: (context) => new Container(
child: IconButton(
icon: Icon(Icons.location_on),
color: Colors.blue,
iconSize: 45.0,
onPressed: () {
print('Marker tapped');
},
),
))
])
]));
}
}```