place esri leaflet geocoding control outside of the map

[Anonymous User]

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 

[JohnGravois · Accepted solution]

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 

[Anonymous User]

It looks awesome. Thanks John!

[PatrickMcKinney1]

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‌

[JohnGravois]

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