https://taranaturalfoods.com/js/display_map.js

1function add_map_display(el) {
2
3	let latitude = $(el).data('latitude');
4	let longitude = $(el).data('longitude');
5
6	let map;
7
8	async function initMap() {
9		const { Map } = await google.maps.importLibrary('maps');
10		const myLatLng = { lat: latitude, lng: longitude };
11		map = new Map($(el)[0], {
12			center: myLatLng,
13			zoom: 15,
14			disableDefaultUI: false,
15			scrollwheel: false,
16			draggable: true,
17			styles: [
18				{ 'featureType': 'administrative', 'elementType': 'all', 'stylers': [{ 'saturation': '-100' }] },
19				{ 'featureType': 'administrative.province', 'elementType': 'all', 'stylers': [{ 'visibility': 'off' }] },
20				{ 'featureType': 'landscape', 'elementType': 'all', 'stylers': [{ 'saturation': -100 }, { 'lightness': 65 }, { 'visibility': 'on' }] },
21				{ 'featureType': 'poi', 'elementType': 'all', 'stylers': [{ 'saturation': -100 }, { 'lightness': '50' }, { 'visibility': 'simplified' }] },
22				{ 'featureType': 'road', 'elementType': 'all', 'stylers': [{ 'saturation': '-100' }] },
23				{ 'featureType': 'road.highway', 'elementType': 'all', 'stylers': [{ 'visibility': 'simplified' }] },
24				{ 'featureType': 'road.arterial', 'elementType': 'all', 'stylers': [{ 'lightness': '30' }] },
25				{ 'featureType': 'road.local', 'elementType': 'all', 'stylers': [{ 'lightness': '40' }] },
26				{ 'featureType': 'transit', 'elementType': 'all', 'stylers': [{ 'saturation': -100 }, { 'visibility': 'simplified' }] },
27				{ 'featureType': 'water', 'elementType': 'geometry', 'stylers': [{ 'hue': '#ffff00' }, { 'lightness': -25 }, { 'saturation': -97 }] },
28				{ 'featureType': 'water', 'elementType': 'labels', 'stylers': [{ 'lightness': -25 }, { 'saturation': -100 }] }
29			]
30		});
31		new google.maps.Marker({ position: myLatLng, map: map, icon: '/images/marker.png' });
32	}
33
34	initMap();
35}