Address filter refocus map

[shaneonabike]

Hey there,

This is more of a question then a bug, but I was curious if others had implemented a address box whereby the address would be geocoded and then the map moved within range of points.

I see that in the API of this plugin you create a geocoder for addresses through Google Maps, but I wasn't sure if others had done some fancy JS or something else to make a filter like this work. I think it's an awesome addition really.

Thanks!

[bozdoz]

I'm sure there's some simple PHP to do it; might be worth adding to the FAQ; but I have not implemented this.

[bozdoz]

I suppose this is a question of whether we can use the geocoder via Ajax. Seems worth trying.

[shaneonabike]

I actually found https://github.com/smeijer/leaflet-geosearch which can be integrated into the Leaflat map and this extension.

[hupe13]

Do you know this example?

[shaneonabike]

Wow @hupe13 that totally helped me. Just for reference for other folks. I'll dd the code here to make it easier when discovering this issue.

const search = new GeoSearch.GeoSearchControl({
    provider: new GeoSearch.OpenStreetMapProvider({
        params: {
            // email: "[email protected]", // auth for large number of requests
            "accept-language": "de", // render results in German
            countrycodes: "de", // limit search results to Germany
            addressdetails: 1, // include additional address detail parts
        },
    }),
    //more options see https://github.com/smeijer/leaflet-geosearch, search "Show result"
    updateMap: false,
});
map.addControl(search);
map.on("geosearch/showlocation", function(event){
    map.setView([event.location.y, event.location.x], 17);
});

The key here being that we want to turn off updating the map via updateMap: false. Then we set the view based on the geosearch/showlocation action.

[hupe13]

I have just seen that my example did not work, now it works again. Thank you.