app/javascript/react/components/Map/mapStyles.ts
import {
mapLabels,
mapLandscape,
mapStroke,
mapWater,
white,
} from "../../assets/styles/colors";
export default [
{
featureType: "administrative",
elementType: "labels.text.fill",
stylers: [
{
color: mapLabels,
},
],
},
{
featureType: "administrative.land_parcel",
elementType: "labels",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "administrative.locality",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "administrative.neighborhood",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "landscape",
stylers: [
{
color: mapLandscape,
},
],
},
{
featureType: "landscape.man_made",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "landscape.man_made",
elementType: "geometry",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "landscape.man_made",
elementType: "geometry.fill",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "landscape.man_made",
elementType: "geometry.stroke",
stylers: [
{
color: mapStroke,
visibility: "on",
},
],
},
{
featureType: "landscape.natural",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "landscape.natural.landcover",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "landscape.natural.terrain",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "poi",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "poi",
elementType: "labels.text",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "poi.business",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "poi.park",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "road",
stylers: [
{
saturation: -100,
},
{
lightness: 45,
},
],
},
{
featureType: "road.arterial",
elementType: "labels.icon",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "road.highway",
stylers: [
{
visibility: "simplified",
},
],
},
{
featureType: "road.highway",
elementType: "geometry.fill",
stylers: [
{
color: white,
},
],
},
{
featureType: "road.highway",
elementType: "labels",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "road.local",
elementType: "labels",
stylers: [
{
visibility: "on",
},
],
},
{
featureType: "transit",
stylers: [
{
visibility: "off",
},
],
},
{
featureType: "water",
stylers: [
{
color: mapWater,
},
{
visibility: "on",
},
],
},
{
featureType: "water",
elementType: "labels",
stylers: [
{
visibility: "off",
},
],
},
];