Solo quiero que se visualicen los polígonos, ya que las carreteras y demás elementos hacen que no se aprecie bien el mapa
2 respuestas
Puedes crear tu propio estilo para el mapa, quitando carreteras, lineas para los limites y las etiquetas, incluso dependiendo del nivel de zoom; con el editor de Google https://mapstyle.withgoogle.com/
Cuando le des finish te dará el JSON para usarlo en tu js
var styledMapType = new google.maps.StyledMapType(
[
{
"elementType": "labels",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.land_parcel",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.neighborhood",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"stylers": [
{
"visibility": "off"
}
]
}
]
);
Creas tu mapa
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 55.647, lng: 37.581},
zoom: 11,
mapTypeControlOptions: {
mapTypeIds: ['roadmap', 'satellite', 'hybrid', 'terrain',
'styled_map']
}
});
Y agregas tus estilos
map.mapTypes.set('styled_map', styledMapType);
map.setMapTypeId('styled_map');
Puedes cambiar el estilo para apagar o encender tipos de elementos/features.(ver Hiding Map Features with Styling)
Dado que tengas creado tu objeto map
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(50.924229,-1.396841),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);
En tu caso, para apagar los caminos:
map.setOptions({styles: [{
"elementType": "geometry",
"featureType": "road",
"stylers": [{
"visibility": "off"
}]
}]});
Jugando con los valores de elementType
y featureType
puedes cambiar visibilidad, colores y opacidad de geometrías, labels, íconos y hasta el agua.
-
para quitar mas elemntos se hace un setOption para todos o se puede ocupar el mismo Commented el 27 nov. 2017 a las 22:13
-
-
Puedes usar el mismo. Si te fijas,
styles
es un arreglo. Dentro de ese arreglo puedes darle estilos a cadaelementType
yfeatureType
– ffflabsCommented el 28 nov. 2017 a las 1:04