Visibilidad del mapa base de Google Maps API v3

Question

¿Es posible cambiar la visibilidad o la opacidad del mapa base de Google? Lo estoy añadiendo como en el ejemplo simple, y añadiendo la capa de datos como superposición y quiero ver sólo los marcadores vectoriales. ¿Es posible?

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

Para añadir transparencia a tu código tendrías que modificar tu ejemplo así:

var map;
var MY_MAPTYPE_ID = 'custom_style';

function initialize() {

var options = [{
    stylers: [{lightness:90}]
 }];

 var mapOptions = {
      zoom: 8,
      center: new google.maps.LatLng(-34.397, 150.644),
      mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
   },
   mapTypeId: MY_MAPTYPE_ID};

  map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);

   var styledMapOptions = {
       name: 'Custom Style'
     };   

   var customMapType = new google.maps.StyledMapType(options, styledMapOptions);  

   map.mapTypes.set(MY_MAPTYPE_ID, customMapType);

   }

   google.maps.event.addDomListener(window, 'load', initialize);

En este caso, el mapa base tomaría una transparencia del 90% (denominada en el código como ligereza ).

Los siguientes enlaces pueden ser muy útiles a la hora de estilizar los mapas: Mapas con estilo y un ejemplo .

Por favor, hazme saber si el código tiene sentido para ti, o si necesitas más explicaciones.

Answer 2

También hay una buena fuente de estilos en Snazzy Maps, una comunidad creada en torno a la creación de estilos atractivos para Google Maps. Quizá quieras echarle un vistazo:

https://snazzymaps.com/