search

smeijer / leaflet-geosearch

A geocoding/address-lookup library supporting various api providers.
https://smeijer.github.io/leaflet-geosearch/
MIT License
1.04k stars 273 forks source link

Search Control style #151

Closed p59crw closed 6 years ago

p59crw commented 6 years ago

screenshot from 2017-11-28 13-37-01

Instead of appearing normally like a centered searchbar, the search control (set to default based on example code for OSM provider), appears like the image above.

I made sure that the leaflet-geosearch was installed via NPM and that all files were found in the node module folder.

I'm using: Leaflet v. 1.2.0 Node v. 8.4.0 Angular CLI v. 1.5.2

Could my versions be an issue? I tried changing some CSS but nothing fixed the appearance of the search.

smeijer commented 6 years ago

Do you have it online somewhere? It looks like a css file is missing.

p59crw commented 6 years ago

No, I don't have it online, but I just checked that it the package was installed correctly by reinstalling. It was installed correctly, but nothing changed.

I copied and pasted the code under "Using with LeafletJS" with no other modifications to make sure nothing I had typed was the problem, but the bar still looks the same.

smeijer commented 6 years ago

yeah, sorry. You also need to include a stylesheet.

https://unpkg.com/leaflet-geosearch@2.6.0/assets/css/leaflet.css

p59crw commented 6 years ago

Thanks. That was the problem. Works perfectly now. This can be closed.

Juanryhn commented 2 years ago

Can I custom the style wit css preprocessor like sass ?