Ugrás a tartalomra
Kódvéna
Integrációk

Térkép és média

Google Maps (térkép, címkiegészítés, geokódolás)

Címkiegészítés űrlapokba, geokódolás és Google-térkép hozzájárulással; kulcs nélkül OpenStreetMap-alapon.

Ezt szeretném A szolgáltató oldala
Szállítási címBudapest, AndrBudapest, Andrássy út 1.Andrássy útAndrássy térAndrássy közAndrássy út 1.47.4979, 19.0539geokódolva

Címmező, ami gépelés közben javasol, és kiválasztáskor kitölti az irányítószámot, települést, utcát, házszámot – kevesebb elgépelés a szállítási címeknél. Mellé Google-térkép a weboldalon.

Hogyan működik

  • Címkiegészítés Google-lel (ha van kulcsod), kulcs nélkül OpenStreetMap-alapon.
  • A Google-térkép csak a látogató hozzájárulása után vagy kattintásra töltődik be; addig link a Google Térképre.

Mire van szükséged

Google Maps-kulcsra (a Google havi ingyenes kerete a legtöbb oldalnak elég). Kulcs nélkül is működik, OpenStreetMap-pel.

Útmutató

Google Maps (térkép, címkiegészítés, geokódolás) bekapcsolása lépésről lépésre

A Google Maps (térkép, címkiegészítés, geokódolás) kulcsait a saját fiókodban hozod létre, és a Kódvéna ügyfélkapujában adod meg: kód és tárhely-hozzáférés nélkül, a kulcs biztonságban marad a weboldal szerverén.

Kb. 15 perc5 lépés
  1. 1

    Google Cloud-projekt

    A console.cloud.google.com-on hozz létre projektet, és kapcsold be a számlázást (a Google kéri, akkor is, ha a keretben maradsz).

    A Google Maps (térkép, címkiegészítés, geokódolás) oldala
  2. 2

    Szerverkulcs korlátozással

    Kapcsold be a Places API (New) és a Geocoding API szolgáltatást, majd hozz létre API-kulcsot, és korlátozd a weboldal szerverének IP-címére és erre a két API-ra.

    Google CloudAPIs & ServicesCredentialsCreate credentialsAPI keyRestrictions

  3. 3

    Beírod az ügyfélkapuba

    A Kódvéna ügyfélkapujában nyisd meg a weboldalad „Google Maps (térkép, címkiegészítés, geokódolás)” modulját, és másold be az értékeket. Mentés után a weboldal azonnal használja őket; a titkos kulcsot a rendszer többé nem mutatja meg, csak az utolsó négy karakterét.

    ÜgyfélkapuWeboldalaima weboldaladGoogle Maps (térkép, címkiegészítés, geokódolás)

    • Szerverkulcs
    • Böngészőkulcs a térkép-beágyazáshoz
    • Országok a kereséshez
  4. 4

    OpenStreetMap a Google helyett

    Bekapcsolva a címkeresés és a térkép az ingyenes OpenStreetMapet használja akkor is, ha van Google-kulcs.

  5. 5

    Kipróbálás

    Próbáld ki a weboldalon egy teszt-művelettel; a modul mutatja, hogy minden kötelező érték megvan-e. Ha valami nem stimmel, szólj, és együtt megnézzük.

Mire figyelj

  • Kulcs nélkül is működik a címkiegészítés OpenStreetMap-alapon, kisebb pontossággal.
  • A térkép-beágyazáshoz külön böngészőkulcs kell, a domainre korlátozva.

Gyakori kérdések

Mennyibe kerül?

A Google havi ingyenes kerete a legtöbb oldalnak elég; fölötte felhasználás szerint. A Kódvéna a kulcs beállításáért nem kér külön díjat.

Ki látja a kulcsot?

Titkosított széfben és a weboldal szerverén tároljuk; a látogatók böngészőjébe nem kerül, és az ügyfélkapu sem mutatja meg újra. Csak a weboldalad használja.

Mi a teendő, ha kiszivárgott vagy lecserélném?

A Google Maps (térkép, címkiegészítés, geokódolás) felületén vond vissza a régit és készíts újat, majd írd be az ügyfélkapuban: az új érték azonnal felülírja a régit.

Elakadtam, segítetek?

Persze: írj a projekted üzenőfalára, és együtt végigmegyünk rajta. A szolgáltatói fiókot a saját nevedre kell létrehoznod, hogy a tiéd maradjon.

További integrációk: Térkép és média

Leaflet + OpenStreetMapTérkép a weboldalon a Kit saját Leaflet-példányával és OpenStreetMap-csempékkel (vagy saját csempeszerverrel): egy vagy több helyszín, útvonaltervező link, adatvédelmi „kattintásra betöltés” mód.YouTube (adatvédelmi beágyazás, Data API)Videók és lejátszási listák beágyazása úgy, hogy a látogató a lejátszásig nem kapcsolódik a Google-höz.