1. Home >
  2. Documentation >
  3. Map Types >
  4. styledmaptype
 

styledmaptype

This function allows to add a google.maps.StyledMapType.

Usage

Parameters

Example

This example add 2 styles on the map.

$("#test").gmap3(
  { map:{
      options:{
        center:[41.850033, -87.650052],
        zoom:12,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControlOptions: {
           mapTypeIds: [google.maps.MapTypeId.ROADMAP, "style1", "style2"]
        }
      }
    },
    styledmaptype:{
      id: "style1",
      options:{
        name: "Style 1"
      },
      styles: [
        {
          featureType: "road.highway",
          elementType: "geometry",
          stylers: [
            { hue: "#ff0022" },
            { saturation: 60 },
            { lightness: -20 }
          ]
        }
      ]
    }
  },
  { styledmaptype:{
      id: "style2",
      options:{
        name: "Style 2"
      },
      styles: [
        {
          featureType: "road.highway",
          elementType: "geometry",
          stylers: [
            { hue: "#ff0022" },
            { saturation: 60 },
            { lightness: -20 }
          ]
        },{
          featureType: "road.arterial",
          elementType: "all",
          stylers: [
            { hue: "#2200ff" },
            { lightness: -40 },
            { visibility: "simplified" },
            { saturation: 30 }
          ]
        },{
          featureType: "road.local",
          elementType: "all",
          stylers: [
            { hue: "#f6ff00" },
            { saturation: 50 },
            { gamma: 0.7 },
            { visibility: "simplified" }
          ]
        }
      ]
    }
  }
);
Close