Map with custom style

back to documentation
          
            var mapStyle = [
              {
                "featureType":"road.local",
                "stylers":[
                  {
                    "color":"#ffffff"
                  }
                ]
              },
              {
                "featureType":"water",
                "stylers":[
                  {
                    "color":"#3fc6f3"
                  }
                ]
              },
              {
                "featureType":"landscape",
                "stylers":[
                  {
                    "color":"#46d7c6"
                  }
                ]
              },
              {
                "featureType":"road.highway",
                "elementType":"geometry",
                "stylers":[
                  {
                    "color":"#ffffff"
                  }
                ]
              },
              {
                "featureType":"poi",
                "elementType":"geometry",
                "stylers":[
                  {
                    "color":"#b1d8d3"
                  }
                ]
              },
              {
                "featureType":"road.arterial",
                "stylers":[
                  {
                    "color":"#d8e0e9"
                  }
                ]
              }
            ];
            
            jQuery('#map').shakemap({
              data:'simple.json',
              mapStyle:mapStyle
            });