https://ribia.tv/business/js/gmap.js

1google.maps.event.addDomListener(window, 'load', function()
2{
3	var lng = 135.497538;
4	var lat = 34.672168;
5
6	/*オプション*/
7	var mapOptions = {
8		zoom: 19,
9		center: new google.maps.LatLng(lat, lng),
10		mapTypeId: google.maps.MapTypeId.ROADMAP,
11		
12		panControl: true,
13		zoomControl: true,
14		mapTypeControl: false,
15		scaleControl: false,
16		streetViewControl: true,
17		navigationControl: true,
18        scrollwheel: false,
19		
20		mapTypeControlOptions: { mapTypeIds: ['textChange', google.maps.MapTypeId.ROADMAP] }
21	};
22	
23	var map = new google.maps.Map(document.getElementById('gmap'), mapOptions);
24
25	
26	/*アイコン*/
27	new google.maps.Marker({
28	position: new google.maps.LatLng(34.672168,135.497538),
29	map: map,
30	icon: "images/pin_map_vision.png"
31	}); 
32
33
34	/*アイコン*/
35	new google.maps.Marker({
36	position: new google.maps.LatLng(34.6720012,135.49785499999996),
37	map: map,
38	icon: "images/pin_map_office.png"
39	}); 
40	
41	
42	/*スタイル*/
43	var styleOptions = [{
44    featureType: 'all',
45    elementType: 'labels',
46    stylers: [{ "saturation": -100 }] 
47	}, {
48  	featureType: 'all',
49  	elementType: 'geometry',
50  	stylers: [{ saturation: '0' }, { gamma: '2' }, { lightness: '0' }, {   hue: "#8384e7"},
51	]
52	}];
53  
54  	var styledMapOptions = { name: 'nagara tatin' }
55  	
56	var myMapType = new google.maps.StyledMapType(styleOptions, styledMapOptions);
57  	map.mapTypes.set('textChange', myMapType);
58  	map.setMapTypeId('textChange');
59		
60	
61});
62