https://kitakama.gr.jp/js/map_boushikoya.js

1$(function(){
2
3	// カスタムマップタイプを設定
4	var myStyledMapType = new google.maps.StyledMapType(
5[
6    {
7        "stylers": [
8            {
9                "saturation": -100
10            },
11            {
12                "gamma": 1
13            }
14        ]
15    },
16    {
17        "elementType": "labels.text.stroke",
18        "stylers": [
19            {
20                "visibility": "off"
21            }
22        ]
23    },
24    {
25        "featureType": "poi.business",
26        "elementType": "labels.text",
27        "stylers": [
28            {
29                "visibility": "off"
30            }
31        ]
32    },
33    {
34        "featureType": "poi.business",
35        "elementType": "labels.icon",
36        "stylers": [
37            {
38                "visibility": "off"
39            }
40        ]
41    },
42    {
43        "featureType": "poi.place_of_worship",
44        "elementType": "labels.text",
45        "stylers": [
46            {
47                "visibility": "off"
48            }
49        ]
50    },
51    {
52        "featureType": "poi.place_of_worship",
53        "elementType": "labels.icon",
54        "stylers": [
55            {
56                "visibility": "off"
57            }
58        ]
59    },
60    {
61        "featureType": "road",
62        "elementType": "geometry",
63        "stylers": [
64            {
65                "visibility": "simplified"
66            }
67        ]
68    },
69    {
70        "featureType": "water",
71        "stylers": [
72            {
73                "visibility": "on"
74            },
75            {
76                "saturation": 50
77            },
78            {
79                "gamma": 0
80            },
81            {
82                "hue": "#50a5d1"
83            }
84        ]
85    },
86    {
87        "featureType": "administrative.neighborhood",
88        "elementType": "labels.text.fill",
89        "stylers": [
90            {
91                "color": "#333333"
92            }
93        ]
94    },
95    {
96        "featureType": "road.local",
97        "elementType": "labels.text",
98        "stylers": [
99            {
100                "weight": 0.5
101            },
102            {
103                "color": "#333333"
104            }
105        ]
106    },
107    {
108        "featureType": "transit.station",
109        "elementType": "labels.icon",
110        "stylers": [
111            {
112                "gamma": 1
113            },
114            {
115                "saturation": 50
116            }
117        ]
118    }
119]
120	);
121
122	// Googleマップの埋め込み
123	var gmap = $("#gmap").gmap3({
124		
125		// 初期表示位置の指定
126		latitude:35.33509, // 緯度
127		longitude:139.54672, // 経度
128		zoom: 17, // ズームレベル
129		
130		// 各コントロールの表示／非表示
131		navigationControl: true,
132		mapTypeControl: false,
133		scaleControl: true,
134		
135		// マーカーの設置
136		markers: [
137			{
138				latitude:35.335059, // 緯度
139				longitude:139.546754, // 経度
140				title: '帽子小屋 kita-kamakura',
141				content: '<div class="popup"><h5 class="maph4">帽子小屋&nbsp;kita-kamakura</h5></div>',
142				openInfo: true
143			}
144		]
145	
146	}).data('gmap');
147	mapTypeSet();	// カスタムマップタイプの登録
148
149
150	function mapTypeSet() {
151		gmap.mapTypes.set('myMapType', myStyledMapType);
152		gmap.setMapTypeId('myMapType');
153	}
154
155});