ASAPI - rychlé a přesné vyhledávání adres

Volné užívání je podmíněno uvedením autorství, správným zobrazením loga a copyrightu. Při samostatném použití api funkcí je potřeba:

Zobrazovat barevné logo s minimální výškou 14px.

Logo může být doplněno textem „Powered by“, „Search by“, „Vyhledává“.
Logo musí být umístěno v blízkosti, nebo přímo v hledacím dialogu.
Logo musí být proklikávací a odkazovat na https://www.asapi.eu.

Viditelně uvést, že jsou využívány služby projektu ASAPI, včetně URL adresy https://www.asapi.eu

Volné užívání je omezeno limitem 50 requestů za minutu nebo 150.000 requestů za měsíc. Poskytované služby v rámci volného užívání nejsou garantovány z hlediska správnosti dat, dostupnosti ani rychlosti.

Vyšší limity, pokud máte s našim API větší plány a potřebujete vyšší limity, ozvěte se nám na adresu info@asapi.eu.

Názorná ukázka, abychom Vám ušetřili čas a námahu, připravili jsme pro Vás jednoduchou JavaScript funkci, která přidá logo do prvku <ul> s výsledky hledání:

JavaScript

function addAsapiAttribution(id, caption) {
    const ul = document.getElementById(id);
    if (!ul) {
   console.warn(`Element s ID "${id}" nebyl nalezen.`);
   return;
    }

    // Zajistíme, že ul má relativní pozici
    ul.style.position = 'relative';

    // Absolutní kontejner pro zarovnání vpravo dole
    const powered = document.createElement('div');
    powered.style.position = 'absolute';
    powered.style.bottom = '3px';
    powered.style.right = '3px';
    powered.style.display = 'flex';
    powered.style.justifyContent = 'flex-end';
    powered.style.alignItems = 'center';
    powered.style.pointerEvents = 'auto'; // pro jistotu

    // Vnitřní obal s rámečkem a pozadím — jen kolem obsahu
    const badge = document.createElement('div');
    badge.style.display = 'flex';
    badge.style.alignItems = 'center';
    badge.style.fontFamily = '"Helvetica Neue", Arial, Helvetica, sans-serif';
    badge.style.fontSize = '11px';
    badge.style.background = 'rgba(255, 255, 255, 0.95)';
    badge.style.border = '1px solid rgba(0, 0, 0, 0.1)';
    badge.style.borderRadius = '4px';
    badge.style.padding = '1px 4px';
    badge.style.boxShadow = '0 1px 2px rgba(0, 0, 0, 0.1)';

    // Odkaz
    const link = document.createElement('a');
    link.href = 'https://www.asapi.eu';
    link.target = '_blank';
    link.style.display = 'flex';
    link.style.alignItems = 'center';
    link.style.textDecoration = 'none';
    link.style.color = '#0078A8';
    link.style.cursor = 'pointer';

    link.addEventListener('mouseover', () => {
   link.style.textDecoration = 'underline';
    });
    link.addEventListener('mouseout', () => {
   link.style.textDecoration = 'none';
    });

    // Text
    const text = document.createElement('span');
    text.textContent = caption ?? 'Search by';

    // Logo
    const logo = document.createElement('img');
    logo.src = 'https://www.asapi.eu/img/asapi.png';
    logo.alt = 'https://www.asapi.eu';
    logo.style.height = '16px';
    logo.style.minHeight = '14px';
    logo.style.marginLeft = '4px';

    // Složení
    link.appendChild(text);
    link.appendChild(logo);
    badge.appendChild(link);
    powered.appendChild(badge);
    ul.appendChild(powered);
  }

Po vygenerování všech elementů <li> zavolejte následující funkci, která doplní logo asapi:

JavaScript

// musíme mít na stránce definován html element <ul>,
// do kterého generujeme výsledky hledání asapi jako jednotlivé elementy <li>,
// např. <ul id="results"></ul>

addAsapiAttribution('results', 'Hledá');