place esri leaflet geocoding control outside of the map

3222
4
Jump to solution
02-21-2018 09:52 AM
TylerWaring1
New Contributor III

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 

Reply
0 Kudos
1 Solution

Accepted Solutions
JohnGravois
Frequent Contributor
Reply
0 Kudos
4 Replies
JohnGravois
Frequent Contributor
Reply
0 Kudos
TylerWaring1
New Contributor III

It looks awesome. Thanks John!

Reply
0 Kudos
PatrickMcKinney1
Occasional Contributor III

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

Reply
0 Kudos
JohnGravois
Frequent Contributor

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

Reply
0 Kudos