<style><!-- [et_pb_line_break_holder] --> /* Always set the map height explicitly to define the size of the div<!-- [et_pb_line_break_holder] --> * element that contains the map. */<!-- [et_pb_line_break_holder] --> #map {<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /* Optional: Makes the sample page fill the window. */<!-- [et_pb_line_break_holder] --> html, body {<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #goCenterUI, #setCenterUI {<!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> border-radius: 3px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 2px 6px rgba(0,0,0,.3);<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> margin-bottom: 22px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #goCenterText, #setCenterText {<!-- [et_pb_line_break_holder] --> color: rgb(25,25,25);<!-- [et_pb_line_break_holder] --> font-family: Roboto,Arial,sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> line-height: 25px;<!-- [et_pb_line_break_holder] --> padding-left: 5px;<!-- [et_pb_line_break_holder] --> padding-right: 5px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #setCenterUI {<!-- [et_pb_line_break_holder] --> margin-left: 12px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> </style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function loadDoc() {<!-- [et_pb_line_break_holder] --> var xhttp = new XMLHttpRequest();<!-- [et_pb_line_break_holder] --> xhttp.onreadystatechange = function() {<!-- [et_pb_line_break_holder] --> if (this.readyState == 4 && this.status == 200) {<!-- [et_pb_line_break_holder] --> document.getElementById("demo").innerHTML =<!-- [et_pb_line_break_holder] --> this.responseText;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> xhttp.open("GET", "https://blogs.ntu.edu.sg/shrineproject/frm_display/detailview/?PID=1", true);<!-- [et_pb_line_break_holder] --> xhttp.send();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></script>

Please select a valid form

<div id="map" style="height:400px;width:100%;"></div><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] -->var singapore= {lat: 1.2902, lng:103.8519};<!-- [et_pb_line_break_holder] -->var strilanka= {lat: 6.927, lng:79.8612};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /**<!-- [et_pb_line_break_holder] --> * The CenterControl adds a control to the map that recenters the map on the countries<!-- [et_pb_line_break_holder] --> * This constructor takes the control DIV as an argument.<!-- [et_pb_line_break_holder] --> * @constructor<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> function CenterControl(controlDiv, map) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Set CSS for the control border.<!-- [et_pb_line_break_holder] --> var controlUI = document.createElement('div');<!-- [et_pb_line_break_holder] --> controlUI.style.backgroundColor = '#fff';<!-- [et_pb_line_break_holder] --> controlUI.style.border = '2px solid #fff';<!-- [et_pb_line_break_holder] --> controlUI.style.borderRadius = '3px';<!-- [et_pb_line_break_holder] --> controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';<!-- [et_pb_line_break_holder] --> controlUI.style.cursor = 'pointer';<!-- [et_pb_line_break_holder] --> controlUI.style.marginBottom = '22px';<!-- [et_pb_line_break_holder] --> controlUI.style.textAlign = 'Singapore';<!-- [et_pb_line_break_holder] --> controlUI.title = 'Click to focus on Singapore';<!-- [et_pb_line_break_holder] --> controlDiv.appendChild(controlUI);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Set CSS for the control interior.<!-- [et_pb_line_break_holder] --> var controlText = document.createElement('div');<!-- [et_pb_line_break_holder] --> controlText.style.color = 'rgb(25,25,25)';<!-- [et_pb_line_break_holder] --> controlText.style.fontFamily = 'Roboto,Arial,sans-serif';<!-- [et_pb_line_break_holder] --> controlText.style.fontSize = '16px';<!-- [et_pb_line_break_holder] --> controlText.style.lineHeight = '38px';<!-- [et_pb_line_break_holder] --> controlText.style.paddingLeft = '5px';<!-- [et_pb_line_break_holder] --> controlText.style.paddingRight = '5px';<!-- [et_pb_line_break_holder] --> controlText.innerHTML = 'Singapore';<!-- [et_pb_line_break_holder] --> controlUI.appendChild(controlText);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Setup the click event listeners: simply set the map to Singapore.<!-- [et_pb_line_break_holder] --> controlUI.addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> map.setCenter(singapore);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initMap() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var map = new google.maps.Map(document.getElementById('map'), {<!-- [et_pb_line_break_holder] --> zoom: 10,<!-- [et_pb_line_break_holder] --> center: singapore<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Create the DIV to hold the control and call the CenterControl()<!-- [et_pb_line_break_holder] --> // constructor passing in this DIV.<!-- [et_pb_line_break_holder] --> var centerControlDiv = document.createElement('div');<!-- [et_pb_line_break_holder] --> var centerControl = new CenterControl(centerControlDiv, map);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> centerControlDiv.index = 1;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> map.controls[google.maps.ControlPosition.TOP_CENTER].push(centerControlDiv);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->

var marker2 = new google.maps.Marker({
position: {lat: 1.360099, lng: 103.958},
map: map,
title: ‘Hindu God’
});

marker2.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=2″,”_self”)
}); var marker3 = new google.maps.Marker({
position: {lat: 1.3463, lng: 103.95},
map: map,
title: ‘syonan jinja’
});

marker3.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=3″,”_self”)
}); var marker4 = new google.maps.Marker({
position: {lat: 1.3075, lng: 103.88},
map: map,
title: ‘Guan Yu’
});

marker4.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=4″,”_self”)
}); var marker5 = new google.maps.Marker({
position: {lat: 1.3068, lng: 103.829},
map: map,
title: ‘Lord Ganesha’
});

marker5.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=5″,”_self”)
}); var marker6 = new google.maps.Marker({
position: {lat: 1.3009, lng: 103.793},
map: map,
title: ‘TestSacredFigure6’
});

marker6.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=6″,”_self”)
}); var marker7 = new google.maps.Marker({
position: {lat: 1.319, lng: 103.734},
map: map,
title: ‘TestSacredFigure7’
});

marker7.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=7″,”_self”)
}); var marker8 = new google.maps.Marker({
position: {lat: 1.3184, lng: 103.701},
map: map,
title: ‘TestSacredFigure8’
});

marker8.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=8″,”_self”)
}); var marker10 = new google.maps.Marker({
position: {lat: 1.3391, lng: 103.729},
map: map,
title: ‘TestSacredFigure10’
});

marker10.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=10″,”_self”)
}); var marker11 = new google.maps.Marker({
position: {lat: 1.3719, lng: 103.7},
map: map,
title: ‘Vishnu’
});

marker11.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=11″,”_self”)
}); var marker12 = new google.maps.Marker({
position: {lat: 1.3805, lng: 103.723},
map: map,
title: ‘TestSacredFigure12’
});

marker12.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=12″,”_self”)
}); var marker13 = new google.maps.Marker({
position: {lat: 1.3353, lng: 103.858},
map: map,
title: ‘TestSacredFigure13’
});

marker13.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=13″,”_self”)
}); var marker14 = new google.maps.Marker({
position: {lat: 1.379, lng: 103.886},
map: map,
title: ‘TestSacredFigure14’
});

marker14.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=14″,”_self”)
}); var marker15 = new google.maps.Marker({
position: {lat: 1.3644, lng: 103.872},
map: map,
title: ‘TestSacredFigure15’
});

marker15.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=15″,”_self”)
}); var marker16 = new google.maps.Marker({
position: {lat: 1.3817, lng: 103.772},
map: map,
title: ‘TestSacredFigure16’
});

marker16.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=16″,”_self”)
}); var marker17 = new google.maps.Marker({
position: {lat: 1.3948, lng: 103.757},
map: map,
title: ‘TestSacredFigure17’
});

marker17.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=17″,”_self”)
}); var marker18 = new google.maps.Marker({
position: {lat: 1.3965, lng: 103.771},
map: map,
title: ‘TestSacredFigure18’
});

marker18.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=18″,”_self”)
}); var marker1 = new google.maps.Marker({
position: {lat: 1.419357, lng: 103.830},
map: map,
title: ‘Guan Yin Shrine’
});

marker1.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=1″,”_self”)
}); var marker20 = new google.maps.Marker({
position: {lat: 1.4362, lng: 103.803},
map: map,
title: ‘TestSacredFigure20’
});

marker20.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=20″,”_self”)
}); var marker9 = new google.maps.Marker({
position: {lat: 1.3461, lng: 103.682},
map: map,
title: ‘Guan Yin Shrine West’
});

marker9.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=9″,”_self”)
}); var marker21 = new google.maps.Marker({
position: {lat: 1.34737, lng: 103.680},
map: map,
title: ‘Guan Yu’
});

marker21.addListener(‘click’, function() {
window.open(“../shrinemap/?PID=21″,”_self”)
});

<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> </script><!-- [et_pb_line_break_holder] --> <script async defer<!-- [et_pb_line_break_holder] --> src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDw_kVxKu9frxKNahBlmwwjQjwaOHLQlR0&callback=initMap"><!-- [et_pb_line_break_holder] --> </script>