Media - toewijzen

Biedt kopers een volledig bereik aan informatie over je bedrijf (telefoonnummer, website, revisies, sterrenwaarderingen, enzovoort) op je site.

Een Google-kaart markeert meestal nabijgelegen attracties, parken, restaurants, enzovoort. Deze informatie helpt uw klanten uw fysieke plaats bepalen en hun reis plannen.

Maakt het voor klanten gemakkelijk om het adres voor uw fysieke opslag te vinden zonder de behoefte om een nieuw browser venster te openen en uw plaats te verlaten.

Als u een keten van fysieke winkels hebt, kunt u door het toevoegen van een Google Map op uw site uw merkbekendheid en geloofwaardigheid in de vorm van gemarkeerde items vergroten.

Ga naar de Console van het Platform van Google Cloud.

Klik het project drop-down en selecteer of creeer het project waarvoor u een API sleutel wilt toevoegen.

Om uw API geloofsbrieven te vormen, volg de instructiesin de Google Maps documenten.

Kopieer de API-sleutel naar het klembord.

In Admin sidebar, ga Stores > Settings>Configuration.

Kies in het linkerdeelvenster onder General ​de optie Content Management.

Breid Advanced Content Tools uit.

{width="600" modal="regular"}

Voor meer informatie over de de configuratieopties van Hulpmiddelen van het Beheer van de Inhoud Geavanceerde, zie de Gids van de Verwijzing van de Configuratie.

Plak voor Google Maps API Key de sleutel die u in stap 1 hebt gekopieerd.

Klik op Test Key.

Als er een probleem is met uw sleutel, gaat u terug naar de Google Maps Platform-site om het probleem op te lossen. Probeer het vervolgens opnieuw.

Klik op Save Config nadat de toets is geverifieerd.

Open de pagina, het blok of het dynamische blok naar de werkruimte van Page Builder .

Vouw Media uit in het deelvenster Page Builder en sleep een tijdelijke aanduiding Map naar het werkgebied.

{width="600" modal="regular"}

Als Google Maps Platform voor uw opslag wordt gevormd, verschijnt een kaart voor uw archiefplaats.

{width="600" modal="regular"}

Als het Google Maps Platform nog niet voor uw opslag wordt gevormd, verschijnt een placeholder kaart in plaats daarvan.

{width="600" modal="regular"}

Beweeg over de kaartcontainer om toolbox te tonen en de pictogram van Montages te kiezen ( {width="20"}).

Klik in de rechterbovenhoek van de pagina Edit Map ​op Add Location.

Voer de Location Name in die u aan de pin op de kaart wilt koppelen.

Verzamel de locatiecoördinaten die u wilt gebruiken voor de aangepaste locatie.

U kunt ook in het vak Position het punt in de weergegeven kaart verslepen.

Ga zo nodig naar Google Maps in een nieuw browservenster en gebruik een van de volgende methoden om de coördinaten op te halen:

{width="600" modal="regular"}

Methode 1: Exemplaar van URL

• In de upper-left hoek, ga het adres in het Search vakje in en klik het Onderzoek ( {width="20"}) pictogram.

• Kopieer de coördinaten in de URL en plak ze in een notedop.

Methode 2: Exemplaar van "wat hier is?"

• Klik met de rechtermuisknop op het rode punt dat de locatie op de kaart markeert en kies What’s here? in het menu.

• Kopieer in het weergegeven label de tekst, inclusief de coördinaten, en plak de tekst in een notitiepad.

Voer in elk van de vakken Coordinates de getallen zonder komma in.

U kunt ook zoveel van de resterende informatie invoeren die u op de kaart beschikbaar wilt hebben.

Verwerk andere informatie die u aan de kaartlocatie wilt koppelen:

Klik op Save als de bewerking is voltooid.

De nieuwe locatie wordt weergegeven op de kaart en in het locatieraster van de kaart op de pagina Edit Map.

{width="600" modal="regular"}

In Admin sidebar, ga Stores > Settings>Configuration.

Kies in het linkerdeelvenster onder General ​de optie Content Management.

Breid Advanced Content Tools uit.

Onder het Google Maps Style tekstvakje, klik creeer de Stijl van de Kaart.

Deze actie opent de Google Maps Tovenaar van de Stijlvorming van het Platformin een afzonderlijk lusje, waar u een stijl voor uw Google Maps project van het Platform kunt bepalen.

Klik op Create a Style en volg de instructies.

Klik op Finish als de bewerking is voltooid.

Exporteer de voltooide stijl als JSON-code of als een URL zodat u deze aan de Commerce -configuratie kunt toevoegen.

• JSON: Onder de doos met de geproduceerde code JSON, klik Copy JSON.

• URL: Klik onder het vak met de gegenereerde URL op Copy URL .

Keer aan uw browser Admin lusje terug en kleef de geproduceerde code of URL in het vakje van de Stijl van de Kaarten van Google.

Als u een URL gebruikt, vervangt u de tijdelijke aanduiding YOUR_API_KEY door de API-sleutel van Google Maps . Deze URL is gekoppeld aan uw opgemaakte Google Map.

Klik in de rechterbovenhoek op Save Config .

Beweeg over de kaartcontainer om de hulpmiddeldoos te tonen en het pictogram van Montages te kiezen ( {width="20"}).

Wijzig desgewenst de basisinstellingen:

Wijzig desgewenst de instellingen voor Advanced:

• Kies een Alignment als u de horizontale plaatsing wilt bepalen van de kaartinhoud die aan de container is toegevoegd:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Optie	Beschrijving
  Default	Hiermee past u de standaardinstelling voor uitlijning toe die is opgegeven in het stijlblad van het huidige thema.
  Left	Hiermee lijnt u de inhoud uit langs de linkerrand van de kaartcontainer, waarbij rekening wordt gehouden met de opgegeven opvulling.
  Center	Hiermee wordt de inhoud in het midden van de kaartcontainer uitgelijnd, waarbij rekening wordt gehouden met de opgegeven opvulling.
  Right	Hiermee lijnt u de inhoud uit langs de rechterrand van de kaartcontainer, waarbij rekening wordt gehouden met de opgegeven opvulling.

• Stel de stijl Border in die op alle vier zijden van de kaartcontainer wordt toegepast:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Optie	Beschrijving
  Default	Past de standaardrandstijl toe die door het bijbehorende stijlblad wordt gespecificeerd.
  None	Geeft geen zichtbare indicatie van de containerranden.
  Dotted	De containerrand wordt weergegeven als een stippellijn.
  Dashed	De containerrand wordt weergegeven als een onderbroken lijn.
  Solid	De containerrand wordt weergegeven als een effen lijn.
  Double	De containerrand wordt weergegeven als een dubbele lijn.
  Groove	De containerrand wordt weergegeven als een gegroefde lijn.
  Ridge	De containerrand wordt weergegeven als een afgeronde lijn.
  Inset	De containerrand wordt weergegeven als een inzetlijn.
  Outset	De containerrand wordt weergegeven als een omtreklijn.

• Als u een andere randstijl dan None instelt, voert u de weergaveopties voor de rand in:

  {width="600" modal="regular"}

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Optie	Beschrijving
  Border Color	Geef de kleur op door een staal te kiezen, op de kleurkiezer te klikken of door een geldige kleurnaam of een gelijkwaardige hexadecimale waarde in te voeren.
  Border Width	Voer het aantal pixels in voor de lijnbreedte van de rand.
  Border Radius	Voer het aantal pixels in om de grootte te bepalen van de straal die wordt gebruikt om elke hoek van de rand te afronden.

• (Optioneel) Geef de namen van CSS classes op uit het huidige stijlblad dat u wilt toepassen op de kaartcontainer.

  Scheid meerdere klassennamen met een spatie.

• Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en de binnenopvulling van de kaartcontainer op te geven.

  Ga elke overeenkomstige waarde in het diagram van de kaartcontainer in.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Containergebied	Beschrijving
  Margins	De hoeveelheid lege ruimte die wordt toegepast op de buitenrand van alle zijden van de container.
  Padding	De hoeveelheid lege ruimte die wordt toegepast op de binnenrand van alle zijden van de container.

  note note
  NOTE
  Opvulling is niet beschikbaar voor het inhoudstype Kaart.

Klik na afloop op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

In Admin sidebar, ga Stores > Settings>Configuration.

Kies in het linkerdeelvenster onder General ​de optie Content Management.

Breid Advanced Content Tools uit.

Werk de rasteropties naar wens bij:

• Voer bij Default Column Grid Size een nieuwe waarde in voor de standaardgrootte van het raster.

• Voer bij Maximum Column Grid Size een nieuwe waarde in voor de standaard maximale rastergrootte.

{width="600" modal="regular"}

Klik op Save Config als de bewerking is voltooid.