// Google Maps Scripts var map = null; // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); google.maps.event.addDomListener(window, 'resize', function() { map.setCenter(new google.maps.LatLng(-12.046374, -77.042793)); }); function init() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 12, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(-12.046374, -77.042787), // Lima // Disables the default Google Maps UI components disableDefaultUI: false, scrollwheel: false, draggable: true, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{ "featureType": "water", "elementType": "geometry", "stylers": [ { "color": "#193341" } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "color": "#2c5a71" } ] }, { "featureType": "road", "elementType": "geometry", "stylers": [ { "color": "#29768a" }, { "lightness": -37 } ] }, { "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#406d80" } ] }, { "featureType": "transit", "elementType": "geometry", "stylers": [ { "color": "#406d80" } ] }, { "elementType": "labels.text.stroke", "stylers": [ { "visibility": "on" }, { "color": "#3e606f" }, { "weight": 2 }, { "gamma": 0.84 } ] }, { "elementType": "labels.text.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "administrative", "elementType": "geometry", "stylers": [ { "weight": 0.6 }, { "color": "#1a3541" } ] }, { "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [ { "color": "#2c5a71" } ] }] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the var mapElement = document.getElementById('map'); // Create the Google Map using out element and options defined above map = new google.maps.Map(mapElement, mapOptions); // Custom Map Marker Icon - Customize the map-marker.png file to customize your icon var image = 'img/map-marker.png'; var image_plane = 'img/plane.png'; var myLatLng = new google.maps.LatLng(-12.046374, -77.042793); //var WestinLatLng = new google.maps.LatLng(-12.091110, -77.024630); //var ChurchLatLng = new google.maps.LatLng(-12.046279, -77.029765); //var AirportLatLng = new google.maps.LatLng(-12.023769, -77.111972); var ChurchLatLng_2 = { lat: -12.046355, lng: -77.030127 }; //var WestinLatLng = { lat: -12.091110, lng: -77.024630 }; var ChurchLatLng = { lat: -12.046279, lng: -77.029765 }; var JWMarriotLatLng = { lat: -12.131445, lng: -77.027949 }; var HiltonLatLng = { lat: -12.127803, lng: -77.026431 }; var AirportLatLng = { lat: -12.023769, lng: -77.111972 }; var ReceptionLatLng = { lat: -12.078322, lng: -76.908993 }; var LaHuacaLatLng = { lat: -12.111151, lng: -77.033281 }; var ChurchString = '

' + '

CEREMONY

' + '

' + 'Parroquia El Sagrario de Lima
' + 'Jr. Carabaya s/n
' + 'Plaza de Armas
' + 'Lima 01
' '

' + '

'; var AirportString = '

' + '

JORGE CHAVEZ AIRPORT (LIM)

' + '

All flights arrive at Jorge Chavez International ' + 'Airport.

' + '

'; var ReceptionString = '

' + '

Reception

' + '

La Ladera 147
' + 'La Planicie
' + 'Lima 12
'+ '

'; var JWMarriotString = '

' + '

JW MARRIOTT

' + '

Malecón de la Reserva 615
' + 'Miraflores
' + 'Lima 18
' + '

' + '' + 'The JW Marriott' + '

'; var HiltonString = '

' + '

HILTON LIMA MIRAFLORES

' + '

Av. la Paz 1099
' + 'Miraflores
' + 'Lima 18
' + '

' + '' + 'Hilton Lima Miraflores' + '

'; var LaHuacaString = '

' + '

Restaurante La Huaca Pucllana

' + '

General Borgoño cuadra 8
' + 'Miraflores
' + '

' + '' + 'La Huaca Pucllana Restaurant' + '

'; // Add a marker at the center of the map. //addMarker(WestinLatLng, map, 'Westin', 'W', image); addMarker(ChurchLatLng_2 , map, 'Church', 'C', image, ChurchString); addMarker(AirportLatLng, map, 'Airport', 'A', image, AirportString); addMarker(ReceptionLatLng, map, 'Reception', 'R', image, ReceptionString); addMarker(JWMarriotLatLng, map, 'JW Marriot', 'H', image, JWMarriotString); addMarker(HiltonLatLng, map, 'Hilton', 'H', image, HiltonString); addMarker(LaHuacaLatLng, map, 'La Huaca', 'H', image, LaHuacaString); } // Adds a marker to the map. function addMarker(location, map, title, label, image, contentString) { // Add the marker at the clicked location, and add the next-available label // from the array of alphabetical characters. Add the info window from string var infowindow = new google.maps.InfoWindow({ content: contentString }); var marker = new google.maps.Marker({ position: location, map: map, //title: title, label: label, icon: image }); marker.addListener('click', function() { infowindow.open(map, marker); }); }