¿Cómo cambiar el estilo del mapa en Locator & Pages?
Utiliza Google MapStyle para ajustar el estilo del mapa de tu Locator.
Este artículo explica cómo cambiar el estilo del mapa del Locator usando la herramienta Google MapStyle.
Para proporcionar estilos al mapa estático en la página de detalles de ubicación, hay dos formas:
Agregar una etiqueta script:
Crea una etiqueta script antes de la etiqueta script del localizador de tiendas y asigna la cadena de estilos 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>
Usar una opción data:
Usa el atributo `data-staticmapstyles` del widget localizador de tiendas.
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"
En ambas formas, el valor debe ser una cadena (entre comillas)
La cadena de estilos se puede obtener desde https://mapstyle.withgoogle.com/
Ten en cuenta que para cualquiera de las opciones necesitarás una clave válida de Google Maps API.
Ejemplo: