cyxmedia
9/8/2017 - 4:28 PM

Visualizar mapa de Google

Código para añadir en la pestaña "Editor de JS" de la vista en la que queramos visualizar el mapa (tenemos que cambiar en la linea 3 map-9 por el ID de nuestro mapa. NOTA!!! -- recordar que para que funcione adecuadamente, previamente hemos tenido que crear una API KEY de Google Maps JavaScript API (sino es de javascript puede no funcionar)

google-map-js
content_copyfile_download
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-9');

    var styles = [
      {
        stylers: [
          { hue: "#2a334b" },
          { saturation: 60 }
        ]
      },{
        featureType: "road",
        elementType: "geometry",
        stylers: [
          { lightness: 100 },
          { visibility: "simplified" }
        ]
      },{
        featureType: "road",
        elementType: "labels",
        stylers: [
          { visibility: "off" }
        ]
      }
    ];
 
    map.setOptions({styles: styles});
  });
});