javascript - significado - señales de transito tipos
Google Maps v3 oculta elementos(carreteras, señales de tráfico, etc.) (3)
Encontré un fragmento de código en http://www.41latitude.com/post/1268734799/google-styled-maps :
[
{
featureType: "administrative",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "water",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
]
Debería poder usarlo en mis mapas, pero ¿hay alguien que pueda decirme cómo puedo usar este fragmento? No puedo encontrar nada al respecto en la API de Google Maps V3.
Como @ceejayoz sugirió en la otra respuesta , está tratando de usar las nuevas características de Styled Map de v3 Maps API . Aquí hay un ejemplo muy básico de cómo puedes usar el estilo anterior en un mapa simple:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Dark Water Style Demo</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 550px; height: 300px;"></div>
<script type="text/javascript">
var myStyle = [
{
featureType: "administrative",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "water",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];
var map = new google.maps.Map(document.getElementById(''map''), {
mapTypeControlOptions: {
mapTypeIds: [''mystyle'', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN]
},
center: new google.maps.LatLng(30, 0),
zoom: 3,
mapTypeId: ''mystyle''
});
map.mapTypes.set(''mystyle'', new google.maps.StyledMapType(myStyle, { name: ''My Style'' }));
</script>
</body>
</html>
Captura de pantalla:
También puede consultar el Asistente de diseño de API de Google Maps que le permitirá editar estilos gráficamente.
La página a la que se ha vinculado incluye un enlace a la documentación de la API de Google Maps para esta función .
Sé que esto tiene 5 años, pero me encontré con esto y la solución aceptada es mucho más compleja de lo necesario en mi opinión. Dado el JSON en la publicación original, así es como aplicarías el estilo a un mapa existente:
var mapStyle = [
{
featureType: "administrative",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "water",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
]
//create map
var map = new google.maps.Map(...); //This assumes you already have a working map
//set style
map.set(''styles'', mapStyle);