Come cambiare lo stile della mappa in Locator & Pages?
Utilizza Google MapStyle per regolare lo stile della mappa del tuo Locator.
Questo articolo spiega come modificare lo stile della mappa del Locator utilizzando lo strumento Google MapStyle.
Per fornire stili alla mappa statica nella pagina dei dettagli della location, ci sono due modi:
Aggiungere un tag script:
Crea un tag script prima del tag script dello store locator e assegna la stringa degli stili a `window.ubStaticMapStyles`
<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>
Utilizzare un data-option:
Utilizza l'attributo `data-staticmapstyles` del widget dello store locator.
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"
In entrambi i modi, il valore deve essere una stringa (racchiusa tra virgolette)
La stringa degli stili può essere ottenuta da https://mapstyle.withgoogle.com/
Nota bene: per entrambe le opzioni avrai bisogno di una chiave API Google Maps valida.
Esempio: