topic place esri leaflet geocoding control outside of the map in Open Source Mapping Libraries Ques.

place esri leaflet geocoding control outside of the map

Anonymous User — Mon, 28 Aug 2023 13:00:10 GMT

Greetings,

I am using the esri-leaflet geocoding control in a map application but need to add it to a bootstrap modal popup for my workflow. I've tried

var searchControl = L.esri.Geocoding.geosearch({container: "findbox"});

which would work in the esri javascript api.

How could this be done using esri-leaflet?

Thanks, Tyler

Re: place esri leaflet geocoding control outside of the map

JohnGravois — Wed, 21 Feb 2018 19:40:52 GMT

you're in luck. i wrote a proof of concept last year

https://github.com/jgravois/bootstrap-geocoder

https://johngravois.com/bootstrap-geocoder/index.html

Re: place esri leaflet geocoding control outside of the map

Anonymous User — Wed, 21 Feb 2018 20:52:38 GMT

It looks awesome. Thanks John!

Re: place esri leaflet geocoding control outside of the map

PatrickMcKinney1 — Tue, 27 Feb 2018 13:12:15 GMT

The Esri Calcite Maps project demo's have some demos of doing this as well. It places the search control in the navivgation above the desktop breakpoint, and then in the hamburger menu below the breakpoint. It also makes the switch on the resize event. Did you contribute to that solution JGravois-esristaff‌

Re: place esri leaflet geocoding control outside of the map

JohnGravois — Tue, 27 Feb 2018 15:51:44 GMT

nope. that's all alaframboise-esristaff‌. and he just mucked with the original CSS.