https://saccsy.com/assets/js/map.js

1const initMap = () => {
2  const isPC = () => {
3    return window.outerWidth > 1000
4  }
5
6  const googleMap = document.getElementById('googleMap')
7  const iconSizeW = isPC() ? 149 : 110
8  const iconSizeH = isPC() ? 76 : 55
9
10  const map = new google.maps.Map(googleMap, {
11    center: { lat: 33.581477, lng: 130.404058 },
12    zoom: 17,
13    mapTypeControl: false,
14    streetViewControl: false,
15  })
16
17  new google.maps.Marker({
18    position: new google.maps.LatLng(33.581477, 130.404058),
19    icon: {
20      url: '/assets/img/about/icon-map-pin.png',
21      scaledSize: new google.maps.Size(iconSizeW, iconSizeH),
22    },
23    map,
24  })
25
26  const mapStyle = [
27    {
28      stylers: [
29        {
30          saturation: -100,
31        },
32      ],
33    },
34  ]
35  const mapType = new google.maps.StyledMapType(mapStyle)
36  map.mapTypes.set('GrayScaleMap', mapType)
37  map.setMapTypeId('GrayScaleMap')
38}
39
40initMap()