Autocomplete

Displays a list of places from few typed letters

SEEMAP integrates Leaflet.Autocomplete that brings an easy way to find a place or a city thanks to Nominatim which is the OpenStreetMap search engine. Since autocomplete is based on GeoJSON format, it is possible to set any other similar search engine or even your own GeoJSON.

<SEEMAP_FILE_URL>?autocomplete=<true or false>
  • If default autocomplete is set to true, just add GET parameter autocomplete=false to disable autocomplete.
  • If default autocomplete is set to false, just add GET parameter autocomplete=true to enable autocomplete.
<iframe src="../../seemap.html"></iframe>
<!-- DEMO ONLY -->
<style>
    iframe {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>

Autocomplete disabled

You can disable autocomplete features through API.

<SEEMAP_FILE_URL>?autocomplete=false
<iframe src="../../seemap.html?autocomplete=false"></iframe>
<!-- DEMO ONLY -->
<style>
    iframe {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>

Autocomplete zoom

It is possible to adjust the map zoom level applied when an autocomplete choice is done. Autocomplete zoom is set to 12 by default, like any other parameter, it is possible to override it through URL GET parameters.

<SEEMAP_FILE_URL>?autocompleteZoom=<integer or false or null>
<iframe src="../../seemap.html?autocompleteZoom=false"></iframe>
<!-- DEMO ONLY -->
<style>
    iframe {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>
<iframe src="../../seemap.html?autocompleteZoom=16"></iframe>
<!-- DEMO ONLY -->
<style>
    iframe {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>