searchbar works with _showlocation used
This commit is contained in:
LilleBRG
parent
ffb5e20f79
commit
c1dff88f50
@ -1,5 +1,6 @@
|
|||||||
import 'dart:convert';
|
import 'dart:convert';
|
||||||
import 'dart:math';
|
import 'dart:math';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_map/flutter_map.dart';
|
import 'package:flutter_map/flutter_map.dart';
|
||||||
import 'package:latlong2/latlong.dart';
|
import 'package:latlong2/latlong.dart';
|
||||||
@ -8,8 +9,8 @@ import 'package:mobile/register.dart';
|
|||||||
import 'login.dart';
|
import 'login.dart';
|
||||||
import 'base/sidemenu.dart';
|
import 'base/sidemenu.dart';
|
||||||
import 'profile.dart';
|
import 'profile.dart';
|
||||||
import 'api.dart' as api;
|
|
||||||
import 'models.dart';
|
import 'models.dart';
|
||||||
|
import 'api.dart' as api;
|
||||||
import 'package:http/http.dart' as http;
|
import 'package:http/http.dart' as http;
|
||||||
|
|
||||||
void main() {
|
void main() {
|
||||||
@ -51,6 +52,7 @@ class _MyHomePageState extends State<MyHomePage> {
|
|||||||
List<Favorite> _favorites = [];
|
List<Favorite> _favorites = [];
|
||||||
LatLng? _selectedPoint;
|
LatLng? _selectedPoint;
|
||||||
double _zoom = 7.0;
|
double _zoom = 7.0;
|
||||||
|
final TextEditingController searchBarInput =TextEditingController(text: '');
|
||||||
|
|
||||||
void _onTap(TapPosition _, LatLng point) async {
|
void _onTap(TapPosition _, LatLng point) async {
|
||||||
setState(() => _selectedPoint = point);
|
setState(() => _selectedPoint = point);
|
||||||
@ -189,60 +191,128 @@ class _MyHomePageState extends State<MyHomePage> {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
Future<void> GetOpenStreetMapArea() async {
|
||||||
|
final dynamic location;
|
||||||
|
LatLng point;
|
||||||
|
|
||||||
|
if (searchBarInput.text != '') {
|
||||||
|
final response = await http.get(
|
||||||
|
Uri.parse('https://nominatim.openstreetmap.org/search.php?q=${searchBarInput.text}&format=jsonv2'),
|
||||||
|
headers: {'User-Agent': 'SkanTravels/1.0'},
|
||||||
|
);
|
||||||
|
|
||||||
|
location = jsonDecode(response.body);
|
||||||
|
|
||||||
|
if (location is List && location.isNotEmpty) {
|
||||||
|
final firstResult = location[0]; // Pick the first entry
|
||||||
|
|
||||||
|
if (firstResult['lat'] != null && firstResult['lon'] != null && firstResult['name'] != null && firstResult['display_name'] != null) {
|
||||||
|
double lat = double.parse(firstResult['lat']);
|
||||||
|
double lon = double.parse(firstResult['lon']);
|
||||||
|
point = LatLng(lat, lon);
|
||||||
|
setState(() => _selectedPoint = point);
|
||||||
|
await _showLocation(point, firstResult['name'], firstResult['display_name']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
searchBarInput.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return SideMenu(
|
return SideMenu(
|
||||||
selectedIndex: 0,
|
selectedIndex: 0,
|
||||||
body: Scaffold(
|
body: Scaffold(
|
||||||
key: _scaffoldKey,
|
key: _scaffoldKey,
|
||||||
//drawer: navigationMenu,
|
body: Stack(
|
||||||
body: FlutterMap(
|
|
||||||
options: MapOptions(
|
|
||||||
initialCenter: const LatLng(55.9397, 9.5156),
|
|
||||||
initialZoom: _zoom,
|
|
||||||
onTap: _onTap,
|
|
||||||
onPositionChanged: (pos, _) => _zoom = pos.zoom,
|
|
||||||
),
|
|
||||||
children: [
|
children: [
|
||||||
openStreetMapTileLayer,
|
FlutterMap(
|
||||||
if (_selectedPoint != null)
|
options: MapOptions(
|
||||||
MarkerLayer(markers: [
|
initialCenter: const LatLng(55.9397, 9.5156),
|
||||||
Marker(
|
initialZoom: _zoom,
|
||||||
point: _selectedPoint!,
|
onTap: _onTap,
|
||||||
width: 30,
|
onPositionChanged: (pos, _) => _zoom = pos.zoom,
|
||||||
height: 50,
|
),
|
||||||
alignment: Alignment.center,
|
children: [
|
||||||
child: const Stack(
|
openStreetMapTileLayer,
|
||||||
children: [
|
if (_selectedPoint != null)
|
||||||
Icon(Icons.location_pin, size: 30, color: Colors.red),
|
MarkerLayer(markers: [
|
||||||
Icon(Icons.location_on_outlined, size: 30, color: Colors.black),
|
Marker(
|
||||||
]
|
point: _selectedPoint!,
|
||||||
),
|
width: 30,
|
||||||
)
|
height: 50,
|
||||||
]),
|
alignment: Alignment.center,
|
||||||
..._favorites.map((favorite) =>
|
child: const Stack(
|
||||||
MarkerLayer(markers: [
|
children: [
|
||||||
Marker(
|
Icon(Icons.location_pin, size: 30, color: Colors.red),
|
||||||
point: LatLng(favorite.lat, favorite.lng),
|
Icon(Icons.location_on_outlined, size: 30, color: Colors.black),
|
||||||
width: 30,
|
],
|
||||||
height: 50,
|
),
|
||||||
alignment: Alignment.center,
|
)
|
||||||
|
]),
|
||||||
|
..._favorites.map((favorite) => MarkerLayer(
|
||||||
|
markers: [
|
||||||
|
Marker(
|
||||||
|
point: LatLng(favorite.lat, favorite.lng),
|
||||||
|
width: 30,
|
||||||
|
height: 50,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: Stack(
|
||||||
|
children: [
|
||||||
|
IconButton(
|
||||||
|
padding: const EdgeInsets.only(bottom: 10),
|
||||||
|
icon: const Icon(Icons.location_pin, size: 30, color: Colors.yellow),
|
||||||
|
onPressed: () => _showLocation(LatLng(favorite.lat, favorite.lng), favorite.name, favorite.description),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
padding: const EdgeInsets.only(bottom: 10),
|
||||||
|
icon: const Icon(Icons.location_on_outlined, size: 30, color: Colors.black),
|
||||||
|
onPressed: () => _showLocation(LatLng(favorite.lat, favorite.lng), favorite.name, favorite.description),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
bottom: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
child: SafeArea(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
child: Stack(
|
child: Stack(
|
||||||
children: [
|
children: [
|
||||||
IconButton(
|
Row(
|
||||||
padding: const EdgeInsets.only(bottom: 10),
|
children: [
|
||||||
icon: const Icon(Icons.location_pin, size: 30, color: Colors.yellow),
|
Expanded(
|
||||||
onPressed: () => _showLocation(LatLng(favorite.lat, favorite.lng), favorite.name, favorite.description),
|
child: CupertinoSearchTextField(
|
||||||
|
controller: searchBarInput,
|
||||||
|
suffixMode: OverlayVisibilityMode.never,
|
||||||
|
backgroundColor: Colors.white.withOpacity(0.9),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
IconButton(
|
Positioned(
|
||||||
padding: const EdgeInsets.only(bottom: 10),
|
right: 2, // Position the button at the bottom-right
|
||||||
icon: const Icon(Icons.location_on_outlined, size: 30, color: Colors.black),
|
bottom: 4.5,
|
||||||
onPressed: () => _showLocation(LatLng(favorite.lat, favorite.lng), favorite.name, favorite.description),
|
child: ElevatedButton(
|
||||||
|
onPressed: GetOpenStreetMapArea,
|
||||||
|
child: const Text('Search'),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
]
|
],
|
||||||
),
|
),
|
||||||
)
|
),
|
||||||
]),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
@ -251,7 +321,7 @@ class _MyHomePageState extends State<MyHomePage> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
TileLayer get openStreetMapTileLayer => TileLayer(
|
TileLayer get openStreetMapTileLayer => TileLayer(
|
||||||
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||||
userAgentPackageName: 'dev.fleaflet.flutter_map.example',
|
userAgentPackageName: 'dev.fleaflet.flutter_map.example',
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user