Wie du den Stil der Karte in Locator & Pages änderst
Nutze Google MapStyle, um den Stil der Karte deines Locators anzupassen.
Dieser Artikel erklärt, wie du den Stil der Karte des Locator mit dem Google MapStyle-Tool änderst.
Um Stile für die statische Karte auf der Seite mit den Filialdetails bereitzustellen, gibt es zwei Möglichkeiten:
Ein Script-Tag hinzufügen:
Erstelle ein Script-Tag vor dem Store-Locator-Script-Tag und weise die Styles-Zeichenfolge `window.ubStaticMapStyles` zu
<script type="text/javascript">
window.ubStaticMapStyles = "https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY¢er=47.65,-122.35&zoom=12&format=png&maptype=roadmap&style=feature:road.arterial%7Celement:labels%7Cvisibility:off&style=feature:road.highway%7Celement:labels%7Cvisibility:off&style=feature:road.local%7Cvisibility:off&size=480x360";
</script>
<scriptsrc="http://dev.uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>
Eine Data-Option verwenden:
Verwende das Attribut `data-staticmapstyles` des Store-Locator-Widgets.
data-staticmapstyles = "https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY¢er=47.65,-122.35&zoom=12&format=png&maptype=roadmap&style=feature:road.arterial%7Celement:labels%7Cvisibility:off&style=feature:road.highway%7Celement:labels%7Cvisibility:off&style=feature:road.local%7Cvisibility:off&size=480x360"
Bei beiden Varianten muss der Wert eine Zeichenfolge sein (in Anführungszeichen eingeschlossen)
Die Styles-Zeichenfolge kannst du von https://mapstyle.withgoogle.com/ abrufen
Bitte beachte, dass du für beide Optionen einen gültigen Google-Maps-API-Schlüssel benötigst.
Beispiel: