Skip to content

Instantly share code, notes, and snippets.

View dariadobsai's full-sized avatar
🏠
Working from home

Daria Dobszai dariadobsai

🏠
Working from home
View GitHub Profile
@dariadobsai
dariadobsai / home_page.dart
Created February 10, 2021 22:22
Historical map overlay with MapBox in Flutter
new TileLayerOptions(
urlTemplate: urlStart + (isPresentTime ? "Your present time style" : "Your overlay style") + urlEnd,
additionalOptions: {
'accessToken':
'Your accessToken',
},
),
@dariadobsai
dariadobsai / home_page.dart
Last active February 10, 2021 22:55
Historical map overlay with MapBox in Flutter
// Full URL: https://api.mapbox.com/styles/v1/{user}/{style}/tiles/256/{z}/{x}/{y}?access_token={accessToken}
const urlStart = "https://api.mapbox.com/styles/v1/{user}/";
const urlEnd = "/tiles/256/{z}/{x}/{y}?access_token={accessToken}";
@dariadobsai
dariadobsai / home_page.dart
Last active February 10, 2021 23:22
Historical map overlay with MapBox in Flutter
Widget _openPopupMenu() => PopupMenuButton<int>(
onSelected: (value) {
setState(() {
value == 1 ? isPresentTime = true : isPresentTime = false; // shorter form: isPresent = value == 1;
});
},
itemBuilder: (context) => [
...
],
icon: Container(
@dariadobsai
dariadobsai / home_page.dart
Created February 10, 2021 22:15
Historical map overlay with MapBox in Flutter
return SafeArea(
child: Scaffold(
body: Stack(
children: [
FlutterMap(
...
),
Positioned(
top: 0,
right: 0,
@dariadobsai
dariadobsai / home_page.dart
Created February 10, 2021 22:12
Historical map overlay with MapBox in Flutter
Widget _openPopupMenu() => PopupMenuButton<int>(
itemBuilder: (context) => [
PopupMenuItem(
value: 1,
child: Text("Present time"),
),
PopupMenuItem(
value: 2,
child: Text("Budapest 1884"),
),
@dariadobsai
dariadobsai / home_page.dart
Created February 9, 2021 22:55
Historical map overlay with MapBox in Flutter
return Scaffold(
body: FlutterMap(
options: MapOptions(
onLongPress: addPin,
center: LatLng(47.4990, 19.0437), // Széchenyi Chain Bridge Coordinates
zoom: 12.0, // Changed zoom level from 16 to 12, to better see the whole overlay area from further distance
minZoom: 10,
plugins: [
UserLocationPlugin(),
],
@dariadobsai
dariadobsai / home_page.dart
Last active November 20, 2020 17:33
MapBox in Flutter Part 1
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
MapController mapController = MapController();
UserLocationOptions userLocationOptions;
List<Marker> markers = [];
@dariadobsai
dariadobsai / home_page.dart
Last active November 20, 2020 15:12
MapBox in Flutter Part 1
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';
import 'package:user_location/user_location.dart';
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
@dariadobsai
dariadobsai / home_page.dart
Last active November 20, 2020 15:15
MapBox in Flutter Part 1
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: FlutterMap(
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {