Google-karttojen näyttäminen Johku-kaupassa edellyttää Google Maps API-avainta. Avaimen luonti on maksutonta, ja tavallinen kartankäyttö pysyy Googlen maksuttoman kuukausikiintiön sisällä, vaikka Google edellyttää maksutietojen antamista.
Ennen aloittamista
Tarvitset Google-tilin sekä yrityksen maksukortin maksutietojen syöttämistä varten. Ohjeen englanninkieliset painikenimet ovat Googlen Cloud-palvelun mukaisia.
Luo API-avain Google Cloud -konsolissa
- Avaa Google Cloud Platform Console (console.cloud.google.com) ja kirjaudu Google-tunnuksillasi.
- Valitse yläreunan valikosta olemassa oleva projekti tai luo uusi valitsemalla New Project, nimeä projekti ja napsauta Create.
- Valitse Maps APIs and Services ja napsauta Maps Javascript API.
- Napsauta Enable.
- Siirry kohtaan APIs & Services → Credentials.
- Napsauta Create Credentials ja valitse API key. Google luo avaimen; kopioi se talteen.
Rajaa avain kauppasi osoitteeseen
- Napsauta Restrict Key.
- Valitse Application Restrictions -kohdassa HTTP referrers.
- Lisää sallitut osoitteet Add an item -painikkeella:
- Jos käytät Johkun oletusosoitetta: https://[kaupan tunniste].johku.com/*
- Jos käytät omaa domainia: https://*.sivustonnimi.fi/* ja https://sivustonnimi.fi/*, joissa sivustonnimi.fi on oma domain-nimesi ilman www-alkua. Näin kartta toimii sekä päädomainissa että kaikissa alidomaineissa.
- Jätä API Restrictions -kohtaan oletusvalinta Don't restrict key.
- Tallenna muutokset.
Aseta maksutiedot Google Cloudiin
- Valitse valikosta Billing.
- Napsauta Link a billing account ja sitten Create Billing Account.
- Tarkista maa- ja tilitiedot, hyväksy ehdot ja napsauta Continue.
- Syötä yritystiedot ja maksukortin tiedot.
- Napsauta lopuksi Start my free trial.
Aseta avain Johkuun
- Avaa Johkun hallinnassa Asetukset → Kauppapaikka → Muut.
- Liitä avain Domain-asetusten kenttään Google Maps API-avain.
- Tallenna.
Nyt näet
Kun lisäksi tuotteella on sijaintitiedot ja kaupassa on evästeiden hallinta käytössä, Google-kartta näkyy tuotesivulla. Kokonaisuus on kuvattu kohdassa Näin lisäät tuotteelle sijainnin ja kartan.
Jos kartta ei toimi avaimen asettamisen jälkeen
Kartta ei lataudu tai näyttää virhettä. Tarkista, että Maps Javascript API on kytketty päälle (Enable), että maksutiedot on annettu ja että sallituissa osoitteissa on juuri se osoite, jossa kauppasi näkyy. Osoiterajausten muutos voi tulla voimaan pienellä viiveellä.