michael-m-aher / location_picker_flutter_map

A Flutter package that provides Place search and Location picker for flutter maps with alot of cusomizations using Open Street Map.

Hey, I'm Michael Maher!

Glad to see you here!  

I'm a Student at Faculty of Computers and Artificial Intelligence 🎓 Cairo University 🏛. I'm a passionate learner who's always willing to learn and work across technologies and domains 💡. I love to explore new technologies and use them to solve real-life problems ✨. Apart from that I also love to guide and help beginners 👨🏻‍💻.
I'm currently into Mobile Development 📱️ and working on my Data Structures and Algorithms 🤓.

Like My Work?

My Absolute Favorites:

• 💻   I love exploring new tech stack and building cool stuffs.
• 📰   Reading tech blogs whenever possible.
• 🍕   Hackathons, meetups & tech events.

🛠  Tech Stack

           
     
         
           
             
   

⚙️  GitHub Analytics

Show some ❤️ by starring some of the repositories!

location_picker_flutter_map's Issues

Limit the search results to specific area

Is there a way to limit the search results to specific area ?

flutter_map dependency update

I'm currently blocked of using flutter_map 4 because of location_picker_flutter_map dependency conflict. Is it possible to update it?

fix location support while looking around

Thank you for the great package :)
I can't figure out how to change the behavior of the location marker. By default it is always centered on the screen but if you want to check out where this is and scroll around to see the surroundings then you also change the location which is not really what I want.
Is there a way to keep the marker where it is and only update it when the user taps on a point on the map? Similar to how google maps handles it when you click on a location.

Button customization - width

Hello,

I would like to display a narrow button similar to Scaffold floatingActionButton https://api.flutter.dev/flutter/material/FloatingActionButton-class.html

instead of the current wide Elevated button https://github.com/Michael-M-aher/location_picker_flutter_map/blob/main/lib/src/Widgets/wide_button.dart

Could we get perhaps the width configured to make it smaller? The rest of the style seems to be customizable via the ButtonStyle.

53 dnssd_clientstub deliver_request: socketpair failed 24 (Too many open files)

I was tried this package, but got error:

The following SocketException was thrown resolving an image codec:
Connection failed (OS Error: Too many open files, errno = 24), address = c.tile.openstreetmap.org, port = 443
....

Unhandled Exception: type '_TypeError' is not a subtype of type 'Exception'

When I press Set Current Location button, nothing happens and the error in the title is thrown.
The code piece that is shown when i click on the error is:

Widget _buildSelectButton() {
    return Positioned(
      top: widget.selectLocationButtonPositionTop,
      bottom: widget.selectLocationButtonPositionBottom,
      left: widget.selectLocationButtonPositionLeft,
      right: widget.selectLocationButtonPositionRight,
      child: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: WideButton(
            widget.selectLocationButtonText,
            onPressed: () async {
              setState(() {
                isLoading = true;
              });
              pickData().then((value) {
                widget.onPicked(value);
              }, onError: (e) => onError(e)).whenComplete(() => setState(() {
                    isLoading = false;
                  }));
            },
            style: widget.selectLocationButtonStyle,
            textColor: widget.selectLocationTextColor,
            width: widget.selectLocationButtonWidth,
            height: widget.selectLocationButtonHeight,
          ),
        ),
      ),
    );
  }

Also the search bar does not work and presents the following error when I type anything.
[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: type '_Map<String, dynamic>' is not a subtype of type 'List' in type cast

try {
                      String url =
                          'https://nominatim.openstreetmap.org/search?q=$value&format=json&polygon_geojson=1&addressdetails=1&accept-language=${widget.mapLanguage}';
                      var response = await client.post(Uri.parse(url));
                      var decodedResponse =
                          jsonDecode(utf8.decode(response.bodyBytes))
                              as List<dynamic>;
                      _options = decodedResponse
                          .map((e) => OSMdata(
                              displayname: e['display_name'],
                              latitude: double.parse(e['lat']),
                              longitude: double.parse(e['lon'])))
                          .toList();
                      setState(() {});
                    }

set location is not working

when i tap on button select location pickedData function not returning any thing please check.

Flutter Web UnimplementedError: getServiceStatusStream() Error

Hi, i'm trying to use this package but when i run the widget an:
"UnimplementedError: getServiceStatusStream() has not been implemented." is thrown.

Similar issue was already found as mentioned here: tlserver/flutter_map_location_marker#101

Ticker error

I got this error on the app
_FlutterLocationPickerState#f3c5a(tickers: tracking 1 ticker) was disposed with an active Ticker.
I also got a "stackTrace" error if I pop the screen when it is tracking location.

OpenStreetMap Attribution Guideline

Hi,

Thank you for your work. Does the package include an option to display OSM copyrights and respect the OpenStreetMap Attribution Guideline?

Thanks by advance.

How can I access onChange method?

Hi,

Thank you for your amazing efforts.
I'm facing a slight issue, when I remove the selectbutton, ( set showSelectLocationButton: false, ), the select button is gone, but there's no way to trigger onPicked method

Is there onChanged method or someway I can access the location?

Need a hint

Good time, please tell me how you can output the address, for example, only the city and the street with the house number?

Encountering an issue after entering an address and selecting it from the search results.

[VERBOSE-2:dart_vm_initializer.cc(41)] Unhandled Exception: Null check operator used on a null value
#0 _FlutterLocationPickerState.onLocationChanged. (package:location_picker_flutter_map/src/location_picker.dart:413:25)

Another exception was thrown: Exception: Buffer parameter must not be null

Bug: Searchbar sometimes changes after result

Using version 3.0.1 of this library, tapping a search result in the search bar can sometimes result in a different result being displayed:

Example:

• Type "Backwerk" in the search bar.
• Choose the first result: "Backwerk 11, Hardenbergplatz, Charlottenburg, Charlottenburg-Wilmersdorf, Berlin, 10623, Germany"

Expected Behavior:

• Animation of Map to that Location
• Search bar reads "Backwerk 11, Hardenbergplatz, Charlottenburg, Charlottenburg-Wilmersdorf, Berlin, 10623, Germany"

Observed Behaviour:

• Animation of Map to that Location
• Search bar reads "Zoologischer Garten, Hardenbergstraße, C..."

This happens with different stores that are located in train stations or shopping centers too.

I think the root cause is that tapping the result will

• Geocode the result into coordinates and trigger the map to move to that location
• This triggers onLocationChanged, which then reverse-geocodes the coordinates back into an address (which can differ from the initial result because of inaccuracies).

So maybe if the result of the search that has been tapped can be re-used in onLocationChanged, this issue could be avoided.

Old version Intl dependency

Please upgrade Intl dependency to 0.18.0 It is not possible to upgrade other packages because this package needs Intl version 0.17.0

map does not show initPosition

when setting the initPosition value the map does not show that position but my current position.

Encountering an exception when attempting to select a location during the pickup process.

Unhandled Exception: Null check operator used on a null value
#0 _FlutterLocationPickerState.onLocationChanged. (package:location_picker_flutter_map/src/location_picker.dart:413:25)

Feature Request: Customization of the search text field

I'm glad you have exposed various properties for search text field customization, I would really like to make more of what's exposed. I would like to change border radius, border with, border color. The best would be to expose the InputDecoration somehow. As minimum I would like borderRadius or inputBorder and inputFocusBorder.

Location / Latitude

Sometimes I get longitude value on latitude param, and viceversa. Is there a way to avoid this?

Thanks for this amazing plugin!

Address as a map vs. address as an object

The latest release introduces a problem with serializing addresses from the response of osm. As you may know, the address object may be different from one location to another, from one country to another. This is the data object for a location inside Italy:
{ hamlet: Pereto, village: Monte Cerignone, county: Pesaro e Urbino, ISO3166-2-lvl6: IT-PU, state: Marche, ISO3166-2-lvl4: IT-57, postcode: 61023, country: Italia, country_code: it }
And this is the data object for a location inside Ireland:
{ road: Clones Road, city_district: Drumcarn ED, region: Bailieborough-Cootehill Municipal District, county: County Cavan, ISO3166-2-lvl6: IE-CN, postcode: H12 E392, country: Éire / Ireland, country_code: ie }
As you can see they are not the same. And the properties serialized in the Address class will not cover all the info of an address. I suggest reverting it back to a map.

on 1.2.2 version

it's freezing the app when i pushed the button for picking the location on flutter web and I guess on Android the same

removed web support?

Why you removed web support? I can't use this package anymore :-(.

Initial map position before initPosition attribute

Hi, thanks for your work.
When the map opens, the displayed position is in Egypt before the initPosition attribute is applied. Can we change the starting position of the map? Thank you in advance for your feedback

Vector map support

Is it possible to add vector map support? There is an extension for flutter_map that should make it easy: flutter-vector-map-tiles

I could help with this as well.

Restrict selectable location to specified area

I need to restrict location allowed to be selected to specified area. So I need to:

• draw my city border on map (geojson polygon)
• throw message when selected location is outside city border

Is there any way to do that, or that functionality needs to be added? As I can see, there's some callback methods called on position change, so they could be used to check if current position is inside city border and possibly block selecting location outside the city, can I also draw anything I need on map (city border in this case).

Exception caught by image resource service

I keep getting this error when I try to open the map screen:
════════ Exception caught by image resource service ════════════════════════════
Exception: Buffer parameter must not be null
════════════════════════════════════════════════════════════════════════════════

On places' specific criteria clustering

How do we gather a list of for say hospitals around a specific location or atleast within a range of a location like 5km radius

Upgrade deps

I have created a #17 which upgrades the dependancies to the latest version.

Would be great for packages who also depend on flutter_map or some of the caching packages.

Would you add the parameter maxbounds ?

I need to limit the area using the MapOptions parameter's max bounds.

Bug Report importing the package regarding undefined Method

During the build process, I encountered the error:

Warning: This version only understands SDK XML versions up to 3 but an SDK XML file of version 4 was encountered. This can happen if you use versions of Android Studio and the command-line tools that were released at different times.
../../AppData/Local/Pub/Cache/hosted/pub.dev/flutter_map_location_marker-8.0.5/lib/src/options/focal_point.dart:46:20: Error: The method 'scaleBy' isn't defined for the class 'Point<double>'.
 - 'Point' is from 'dart:math'.
Try correcting the name to the name of an existing method, or defining a method named 'scaleBy'.
      (size * 0.5).scaleBy(ratio) + offset;
                   ^^^^^^^
Target kernel_snapshot failed: Exception

Additional Information:

• Flutter SDK version: '>=3.4.0 <4.0.0'
• location_picker_flutter_map package version: ^3.0.1
• Platform/Device: Android Emulator
• Operating System: Windows

I did a workaround by doing:

  /// Projects the [FocalPoint] onto the map widget given its [size]. The
  /// resulting [Point] represents the absolute pixel coordinates on the map
  /// widget where the marker should be aligned.
  Point<double> project(Point<double> size) =>
  //    (size * 0.5).scaleBy(ratio) + offset; // removed this
  Point<double>(size.x * 0.5 * ratio.x, size.y * 0.5 * ratio.y) + offset; // added this

I'm not sure if I set it up correctly, but I followed all the steps accordingly. Is this a fault on my part? Thank you in advance.

flutter_map_cancellable_tile_provider recommendation despite it being installed

I recently upgraded to version 1.0.0 and since then I see these messages in the debug console:

flutter_map
js_primitives.dart:30 │ 💡 Consider installing the official 'flutter_map_cancellable_tile_provider' plugin for improved
js_primitives.dart:30 │ 💡 performance on the web.
js_primitives.dart:30 │ 💡 See https://pub.dev/packages/flutter_map_cancellable_tile_provider for more info.

So I installed the package and rebuilt the app but I still get the recommendation.

Fix Calling openstreetmap API.

In the location_search.dart file, there is an error with calling "https://nominatim.openstreetmap.org/",
Now it is being made using POST request, which throwing 405 not allowed method error, I think you need to replace it with a GET request