-
Notifications
You must be signed in to change notification settings - Fork 821
/
index.js
executable file
·38 lines (34 loc) · 1.02 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// [START maps_hiding_features]
let map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: { lat: -33.86, lng: 151.209 },
zoom: 13,
mapTypeControl: false,
});
// Add controls to the map, allowing users to hide/show features.
const styleControl = document.getElementById("style-selector-control");
map.controls[google.maps.ControlPosition.TOP_LEFT].push(styleControl);
// Apply new JSON when the user chooses to hide/show features.
document.getElementById("hide-poi").addEventListener("click", () => {
map.setOptions({ styles: styles["hide"] });
});
document.getElementById("show-poi").addEventListener("click", () => {
map.setOptions({ styles: styles["default"] });
});
}
const styles = {
default: [],
hide: [
{
featureType: "poi.business",
stylers: [{ visibility: "off" }],
},
{
featureType: "transit",
elementType: "labels.icon",
stylers: [{ visibility: "off" }],
},
],
};
// [END maps_hiding_features]