[Resolved] Cómo puedo poner el mapa en gris y no en color en los post.

[Author]

Posts

[montseF]

Tell us what you are trying to do?
Hola, tengo una fixha de teinda en este site y el clinte quiere añadir el mapa de su localización. Yo tenia ya distribuidos varios custom fields para la dirección, localidad, cod.postal, ...por separado. No he sabido mostrar el mapa cogiendo todos estos parámetros, asi que he añadido un campo "Dirección" como custom field que aunque es repetitivo veo qu eme pone ya el mapa y las coordenadas.
Cuando pongo el mapa sale correcto en cada post, pero me sale a todo color como el estándar, pero el diseño de mi cliente es en base al blanco/negro y deberia ser en tonos grises como la foto que adjunto del prototipo inicial donde se ve el tipo de mapa en la parte inferior.

Is there any documentation that you are following? He seguido varios hilos pero unos hablan de un plugin para wordpress y otros piden cosas distintas y no me aclaro muy bien. El plugin no lo deseo cargar porque entre Toolset, WPML, los propios del tema premium, el VC, el de las copias, el de Seo etc...me voy a mas de 30 plugins ya.

Is there a similar example that we can see? Adjunto foto

What is the link to your site? Donde lo deseo implantar está aun desarrollo metiendo datos en hidden link, pero los test los he hecho en local.

Necesitaria añadir este estilo al mapa. Gracias por la ayuda.

[Nigel]

Hola Montse

Es necesario incluir un poco de JavaScript donde se muestra el mapa para actualizar los opciones requeridos.

Copia el siguiente al sección custom JS del Loop Output Editor (ten cuidado editar el map id, "map-1" en este ejemplo):

jQuery( document ).ready( function( $ ) {
  $( document ).on( 'js_event_wpv_addon_maps_init_map_completed', function( event ) {
    var map = WPViews.view_addon_maps.get_map('map-1');
    var styles = [
	  {
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#f5f5f5"
	      }
	    ]
	  },
	  {
	    "elementType": "labels.icon",
	    "stylers": [
	      {
	        "visibility": "off"
	      }
	    ]
	  },
	  {
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#616161"
	      }
	    ]
	  },
	  {
	    "elementType": "labels.text.stroke",
	    "stylers": [
	      {
	        "color": "#f5f5f5"
	      }
	    ]
	  },
	  {
	    "featureType": "administrative.land_parcel",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#bdbdbd"
	      }
	    ]
	  },
	  {
	    "featureType": "poi",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#eeeeee"
	      }
	    ]
	  },
	  {
	    "featureType": "poi",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#757575"
	      }
	    ]
	  },
	  {
	    "featureType": "poi.park",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#e5e5e5"
	      }
	    ]
	  },
	  {
	    "featureType": "poi.park",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#9e9e9e"
	      }
	    ]
	  },
	  {
	    "featureType": "road",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#ffffff"
	      }
	    ]
	  },
	  {
	    "featureType": "road.arterial",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#757575"
	      }
	    ]
	  },
	  {
	    "featureType": "road.highway",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#dadada"
	      }
	    ]
	  },
	  {
	    "featureType": "road.highway",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#616161"
	      }
	    ]
	  },
	  {
	    "featureType": "road.local",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#9e9e9e"
	      }
	    ]
	  },
	  {
	    "featureType": "transit.line",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#e5e5e5"
	      }
	    ]
	  },
	  {
	    "featureType": "transit.station",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#eeeeee"
	      }
	    ]
	  },
	  {
	    "featureType": "water",
	    "elementType": "geometry",
	    "stylers": [
	      {
	        "color": "#c9c9c9"
	      }
	    ]
	  },
	  {
	    "featureType": "water",
	    "elementType": "labels.text.fill",
	    "stylers": [
	      {
	        "color": "#9e9e9e"
	      }
	    ]
	  }
	]; 
    map.setOptions({styles: styles});
  });
});

Nota que el var styles proviene de este wizard para generar estilos: hidden link

Yo elegí la tema plata. Si quieres puedes hacer cualquier modificación y copiar el JSON resultante al código arriba.

[montseF]

Ah , genial Nigel. Gracias , es eso justo lo que necesitaba.

Slt!