ホームページにグーグルマップを表示させるために「jquery.gmap3.js」を使っています。

jquery.gmap3.jsの42行目、43行目を編集します。

	function addMap($self, mpOpt) {
		var opt = {
			zoom : mpOpt.zoom,
			center : new google.maps.LatLng(mpOpt.latitude, mpOpt.longitude),
			mapTypeId : mpOpt.mapTypeId,
			navigationControl : mpOpt.navigationControl,
			mapTypeControl : mpOpt.mapTypeControl,
			scaleControl : mpOpt.scaleControl,//変更
			styles: mpOpt.styles//追加
		};

map生成前に、予め変更したいスタイルをJSON形式で記述します。

var styles = [
 {
  stylers: [
   { "hue": "#0000ff" },
   { "saturation": -20 },
   { "lightness": 5 },
   { "gamma": 1.1 }
  ]
 }
];

呼び出し時にstylesをオプションとして追加します。

	$("#gMap").gmap3({
		address: '外神田',
		zoom: 16,
		navigationControl: true,
		mapTypeControl: true,
		scaleControl: true,
		styles:styles
	});

スタイルが適用されます。