autosuggest with nominatim without click

I'm still not sure if I understand your problem correctly (would be nice if you could include a link to your project where it is easier to see where you are right now and what you want to achieve). So you have setup leaflet-routing-machine with nominatim and osrm but now - for autocomplete - want to use Photon.

Then this would be a full basic code example:

L.Routing.control({ routeWhileDragging: true, geocoder: L.Control.Geocoder.photon() }).addTo(map);

Yes exactly ,just modify autocomplete by photon .I use this instruction L.Routing.control({ routeWhileDragging: true, geocoder: L.Control.Geocoder.photon() }).addTo(map); Igot error "Failed to load resource: net::ERR_NAME_NOT_RESOLVED" https://photon.komoot.de/api/?q=p

You are using an outdated version of leaflet-routing-machine/leaflet-geocoder.

The API address of Photon has changed (to https://photon.komoot.io/?q=p ), this is corrected in the newest versions of leaflet-routing-machine/leaflet-geocoder.

Thanks very much , it works , just I want to limit search by countrie for example in france only

You could then either use location bias (with zoom and a lon lat and location_bias_scale added as queryParams to photon() or with a bbox added as queryParams to photon(), e.g. for Paris area (roughly):

geocoder: L.Control.Geocoder.photon({geocodingQueryParams: {'bbox': '2.076416,48.734455,2.658691,49.05947'}})

With that, you would e.g. find a Rue Berlin in Paris while typing Berlin, but not Berlin in Germany.

(adjust the bbox values accordingly to your needs, see https://github.com/komoot/photon for description of those params).

Thank you very much for your helpful .I will try it.

Hi , I try different params in documentation photon , but the suggestions are not true . I write for example Berlin , differents address appear out of paris

geocoder: L.Control.Geocoder.photon({ geocodingQueryParams: { city: 'paris', lang: 'fr' }}),

I don't see a "city" query param documented in https://github.com/komoot/photon , so I see no reason why your example should work as you want in using a unknown city parameter. Why don't you use a bbox if e.g. you want to limit results for the city of Paris? That at least will come close (that is having some suburbs included depending on your minLon,minLat,maxLon,maxLat values).

Thank you for your response .I'm sorry it's the first time I've used it, that's why I ask a lot of questions

I use this bbox values like in documentation bbox=9.5,51.5,11.5,53.5 , normally we get results of berlin . I write France , we display result of france .

geocoder: L.Control.Geocoder.photon({ geocodingQueryParams: { bbox: '9.5,51.5,11.5,53.5' }}),

for this param "?q=berlin", Ican't change it ?

I'm sorry to say this but if you have no experience in web development (javascript, using APIs, reading documentations etc.) and no gis experience (e.g. spinning up the right bbox for France) I dearly hope you are not trying to achieve this for a business project (or a research project for university in either CS or geography). If you do need this for a business/institutional project, you may think about using Pelias instead of Photon (as Pelias would have a boundary.country Parameter that could be used with a value of FRA for France, but you would need an API key by geocode.earth and spend at least 100$/month).

If you do this just for fun and want to stick with Photon, than please use (as an example) e.g. a southwest and a northeast point (with values mLon & mLat for southwest and maxLon & maxLat for northeast) that will spin up a rectangle across (mainland) France.

Now I just spun up a rough estimate for mainland France (including the island of Corse):

geocoder: L.Control.Geocoder.photon({geocodingQueryParams: {'bbox': '-4.262695,41.376809,9.228516,51.672555'}})

(continued in next comment ...)

(last comment continued)

Now if you search Berlin (?q=Berlin), you'll still get some results outside of France (that are e.g. in Switzerland or Germany close to the border of France) but most will be in France and none in Berlin, Germany (as the city of Berlin is outside of that rectangle). And searching for "New York" will get you e.g. an fastfood restaurant in Metz, France but no city or state in the U.S.

Thank you .I speak of experiences to use this api because even the documentation is not too much, but just to simulate things because with the "nominatim" api the search is very precise (except the click to see the suggestions) and with the api photon even the suggestions are not good: for example with "nominatim" always there is the name of the country at the end of the searched word (like google map), here name,the only word "paris" is displayed identically several times but clicking on such a "paris" brings you to a different place, it's good here but just to differentiate that's all, more readability.For example with "nominatim" : Paris, Île-de-France, France métropolitaine, France I applied what is on the document but the result remains far away, that is why I am asking for your help, not for fun.

That's why I wouldn't recommend an autocomplete API at all as Nominatim results are much better in my experience that any of those autocomplete solutions. But you are eager on using autocomplete so I'm trying to show you the (not perfect) solutions there are. But then as I said before: a link to your project or more information on what you need would be helpful. E.g. you want autocomplete results of only city names in France, then I would use:

geocoder: L.Control.Geocoder.photon({geocodingQueryParams: {'bbox': '-4.262695,41.376809,9.228516,51.672555','osm_tag':'place:city','osm_tag':'place:town','osm_tag':'place:village'}})

But this example may be of no help as I'm still left in the dark about which data you want to get out of those start and end point search boxes.

thank you for your patience and help . For example here https://www.liedman.net/leaflet-control-geocoder/

with option "photon" clicked , when enter "Lille" the result appear with name country at end , and more than word (Lille, Lille, Hauts-de-France, France...) In my case when enter "Lille" appear: Lille (in first line), Lille(in second line), Lille(third line) ... the same word without more indication The resuly here is goog : https://photon.komoot.io/ When compare result with this link , in my case , only text in bold appear

How I can do search like in documentation link

I does look as if you are not using the default options for Photon in Leaflet-Control-Geocoder. That's why it would be so great to see your code example, e.g. trough jsfiddle or a similar tool.

Anyway, try this:

geocoder: L.Control.Geocoder.photon({geocodingQueryParams: {'bbox': '-4.262695,41.376809,9.228516,51.672555','osm_tag':['place:city','place:town','place:village']},nameProperties:['name', 'street', 'suburb', 'hamlet', 'town', 'city', 'state', 'country']})

the link of example is : https://jsfiddle.net/Aminali/kLs34ef8/7/

You had an old version of leaflet-control-geocoder (v1.5.5 instead of 2.4.0) in there.

Here is a basic example: https://jsfiddle.net/y0osacwh/1/ (and you should include each external source via ssl, e.g. tiles as well. I changed that as well).

Thank you for your guide and help .I try it . It's working