https://zucks.co.jp/assets/js/en.js

1// ------------------
2// en.js
3// ------------------
4
5(function(global, $) {
6  'use strict';
7  /*-----------------------*/
8  // ready
9  /*-----------------------*/
10  $(window).on('load', function() {
11    initMovie();
12    $(window).resize();
13  });
14  function changePosition(target) {
15      var w = -($(target).innerWidth() / 2),
16          h = -($(target).innerHeight() / 2);
17      $(target).css({
18        'margin-top': h,
19        'margin-left': w
20      });
21  };
22  function initMovie() {
23    var target = '.main_img',
24        view = '.movies';
25
26    changePosition( target );
27    $(target+ ':first-child').fadeIn(600);
28    $('#vidio0').get(0).play();
29
30    $(window).on('resize', function() {
31      changePosition($('.main_img'));
32    });
33
34  }
35})(this, jQuery);
36
37function initMap() {
38  var latlng = {
39    lat: 35.6564794,
40    lng: 139.697814
41  },
42  posi = {
43    lat: 35.6564794,
44    lng: 139.6967613
45  },
46  map = new google.maps.Map(document.getElementById('map'), {
47    center: latlng,
48    zoom: 4,
49    styles: [{
50        "featureType": "all",
51        "elementType": "geometry.fill",
52        "stylers": [{
53          "weight": "2.00"
54        }]
55      },
56      {
57        "featureType": "all",
58        "elementType": "geometry.stroke",
59        "stylers": [{
60          "color": "#9c9c9c"
61        }]
62      },
63      {
64        "featureType": "all",
65        "elementType": "labels.text",
66        "stylers": [{
67          "visibility": "on"
68        }]
69      },
70      {
71        "featureType": "landscape",
72        "elementType": "all",
73        "stylers": [{
74          "color": "#f2f2f2"
75        }]
76      },
77      {
78        "featureType": "landscape",
79        "elementType": "geometry.fill",
80        "stylers": [{
81          "color": "#edeef0"
82        }]
83      },
84      {
85        "featureType": "landscape.man_made",
86        "elementType": "geometry.fill",
87        "stylers": [{
88          "color": "#ffffff"
89        }]
90      },
91      {
92        "featureType": "poi",
93        "elementType": "all",
94        "stylers": [{
95          "visibility": "off"
96        }]
97      },
98      {
99        "featureType": "road",
100        "elementType": "all",
101        "stylers": [{
102            "saturation": -100
103          },
104          {
105            "lightness": 45
106          }
107        ]
108      },
109      {
110        "featureType": "road",
111        "elementType": "geometry.fill",
112        "stylers": [{
113          "color": "#eeeeee"
114        }]
115      },
116      {
117        "featureType": "road",
118        "elementType": "labels.text.fill",
119        "stylers": [{
120          "color": "#7b7b7b"
121        }]
122      },
123      {
124        "featureType": "road",
125        "elementType": "labels.text.stroke",
126        "stylers": [{
127          "color": "#ffffff"
128        }]
129      },
130      {
131        "featureType": "road.highway",
132        "elementType": "all",
133        "stylers": [{
134          "visibility": "simplified"
135        }]
136      },
137      {
138        "featureType": "road.arterial",
139        "elementType": "labels.icon",
140        "stylers": [{
141          "visibility": "off"
142        }]
143      },
144      {
145        "featureType": "transit",
146        "elementType": "all",
147        "stylers": [{
148          "visibility": "off"
149        }]
150      },
151      {
152        "featureType": "water",
153        "elementType": "all",
154        "stylers": [{
155            "color": "#46bcec"
156          },
157          {
158            "visibility": "on"
159          }
160        ]
161      },
162      {
163        "featureType": "water",
164        "elementType": "geometry.fill",
165        "stylers": [{
166          "color": "#ccdae4"
167        }]
168      },
169      {
170        "featureType": "water",
171        "elementType": "labels.text.fill",
172        "stylers": [{
173          "color": "#070707"
174        }]
175      },
176      {
177        "featureType": "water",
178        "elementType": "labels.text.stroke",
179        "stylers": [{
180          "color": "#ffffff"
181        }]
182      }
183    ] //彩度
184  }),
185  marker = new google.maps.Marker({
186    position: posi,
187    map: map,
188    icon: "/assets/img/common/icon-marker.png"
189  });
190  google.maps.event.addDomListener(window, "resize", function() {
191    var center = map.getCenter();
192    google.maps.event.trigger(map, "resize");
193    map.setCenter(center);
194  });
195}