// vytvoreni mapy
let center = SMap.Coords.fromWGS84(14.1, 50.1);
let m = new SMap(JAK.gel("m"), center);
m.addDefaultLayer(SMap.DEF_BASE).enable();
m.addDefaultControls();
// naseptavac
let inputEl = document.querySelector("input[type='text']");
let suggest = new SMap.Suggest(inputEl, {
provider: new SMap.SuggestProvider({
updateParams: params => {
/*
tato fce se vola pred kazdym zavolanim naseptavace,
params je objekt, staci prepsat/pridat klic a ten se prida
do url
*/
let c = m.getCenter().toWGS84();
params.lon = c[0].toFixed(5);
params.lat = c[1].toFixed(5);
params.zoom = m.getZoom();
// nepovolime kategorie, ale takto bychom mohli
//params.enableCategories = 1;
// priorita jazyku, oddelene carkou
params.lang = "cs,en";
}
})
});
suggest.addListener("suggest", suggestData => {
// vyber polozky z naseptavace
setTimeout(function() {
alert(JSON.stringify(suggestData, null, 4));
}, 0);
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://api.mapy.cz/loader.js"></script>
<script type="text/javascript">Loader.load(null, {suggest: true});</script>
</head>
<body>
<h1>Našeptávač</h1>
<div>
<input type="text" value="" placeholder="hledaná fráze" />
</div>
<div id="parent" style="height:380px">
<div id="m" style="height:100%"></div>
</div>
</body>
</html>