73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
"use strict";
|
|
|
|
window.initMap = function() {
|
|
var customMapType = new google.maps.StyledMapType([
|
|
{
|
|
stylers: [
|
|
{'saturation': -100},
|
|
{'lightness': 50},
|
|
{'visibility': 'simplified'}
|
|
]
|
|
},
|
|
{
|
|
elementType: 'labels',
|
|
stylers: [{visibility: 'on'}]
|
|
},
|
|
{
|
|
featureType: 'road',
|
|
stylers: [{color: '#bbb'}]
|
|
}
|
|
], {
|
|
name: 'Dublin'
|
|
});
|
|
|
|
var image = new google.maps.MarkerImage(
|
|
'img/widgets/gmap-pin.png',
|
|
new google.maps.Size(48,54),
|
|
new google.maps.Point(0,0),
|
|
new google.maps.Point(24,54)
|
|
);
|
|
|
|
var customMapTypeId = 'custom_style';
|
|
|
|
var brooklyn = {lat: 41.850, lng: -73.961};
|
|
var map = new google.maps.Map(document.getElementById('map'), {
|
|
zoom: 6,
|
|
scrollwheel: false,
|
|
streetViewControl: false,
|
|
mapTypeControl: false,
|
|
center: brooklyn, // Brooklyn.
|
|
mapTypeControlOptions: {
|
|
mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
|
|
}
|
|
});
|
|
|
|
var contentString = '<div id="content">'+
|
|
'<div id="siteNotice">'+
|
|
'</div>'+
|
|
'<h1 id="firstHeading" class="firstHeading">Brooklyn</h1>'+
|
|
'<div id="bodyContent">'+
|
|
'<p>277 Bedford Avenue, <br> Brooklyn, NY 11211, <br> New York, USA</p>'+
|
|
'</div>'+
|
|
'</div>';
|
|
|
|
var infowindow = new google.maps.InfoWindow({
|
|
content: contentString,
|
|
maxWidth: 300
|
|
});
|
|
|
|
var marker = new google.maps.Marker({
|
|
map: map,
|
|
clickable: true,
|
|
icon: image,
|
|
title: 'Brooklyn',
|
|
position: brooklyn
|
|
});
|
|
|
|
marker.addListener('click', function() {
|
|
infowindow.open(map, marker);
|
|
});
|
|
|
|
map.mapTypes.set(customMapTypeId, customMapType);
|
|
map.setMapTypeId(customMapTypeId);
|
|
} |