nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

Najděte více příspěvků označených jako

Esri Leaflet

Accepted answers

JohnGravois

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

All comments

JohnGravois

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!

pmckinney

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.

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.