Show Map in the Flutter Web
there is multiply solutions:
1.1: add flutter_map
in pubspec.ymal
1.2: add FlutterMap(TileLayerWidget(TileLayerOptions(urlTemplate:'')))
widget to any page you wish
1.3: in the urltemplate
add map address provider you are interested. for example OSM map tile address provider is
"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
or bing Address map provider is "https://atlas.microsoft.com/map/tile/png?api-version=1&layer=basic&style=main&tileSize=256&view=Auto&zoom={z}&x={x}&y={y}&subscription-key={subscriptionKey}","
1.4:enjoy your map
2.1: use mapbox lib https://pub.dev/packages/mapbox_gl
Milad jalali
Experienced front end developer Skills: ❏ Programming language: Java, Dart, Html, Css ❏ IDE: Android Studio, Webstorm ❏ Source control: TFS, Git. ❏ Object oriented and enterprise design patterns I'm a software engineer passionate about Android and software industry, contributing programming skills to develop innovative and consumer-facing mobile products. I have Bachelor's degree in IT engineering and experienced in software development according to the architecture, object-oriented design, data structures, algorithm design, problem-solving, and software development life cycle, including coding standards, source control management, build processes and testing. I'm a great team player in working with agile methodology and looking for a challenging team with opportunities to have a global impact on millions of people around the world.
Updated on December 27, 2022Comments
-
Milad jalali over 1 year
I try to load map in flutter web, but no map lib is available for web except google map (I have to pay budget for this(billing)).
is there any free solutions?