181 lines
4.1 KiB
JavaScript
181 lines
4.1 KiB
JavaScript
google.maps.event.addDomListener(window, 'load', init);
|
|
|
|
function init() {
|
|
|
|
"use strict";
|
|
|
|
var mapOptions = {
|
|
zoom: 13,
|
|
scrollwheel: false,
|
|
center: new google.maps.LatLng(-37.8171998, 144.9558535, 20.75),
|
|
styles:
|
|
[
|
|
{
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#f5f5f5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"elementType": "labels.icon",
|
|
"stylers": [
|
|
{
|
|
"visibility": "off"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#616161"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"elementType": "labels.text.stroke",
|
|
"stylers": [
|
|
{
|
|
"color": "#f5f5f5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "administrative.land_parcel",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#bdbdbd"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#eeeeee"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#757575"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.park",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#e5e5e5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.park",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#9e9e9e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#ffffff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road.arterial",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#757575"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road.highway",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#dadada"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road.highway",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#616161"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road.local",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#9e9e9e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "transit.line",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#e5e5e5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "transit.station",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#eeeeee"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "water",
|
|
"elementType": "geometry",
|
|
"stylers": [
|
|
{
|
|
"color": "#c9c9c9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "water",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#9e9e9e"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
|
|
};
|
|
|
|
var mapElement = document.getElementById('map'),
|
|
map = new google.maps.Map(mapElement, mapOptions),
|
|
marker = new google.maps.Marker({
|
|
position: new google.maps.LatLng(-37.8171998, 144.9558535, 20.75),
|
|
map: map,
|
|
});
|
|
} |