title: How to combine geolocation and multiple markers using javascript?
body: <p>I'm trying to create a map that is able to track my location and at the same time be able to display multiple markers. Am I able to combine the 2 JavaScript below? If not any idea on how I should do it? </p>
  
  <p><strong>JavaScript for multiple markers</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    var locations = [
    ['Hougang', 1.37265, 103.893658],
    ['Punggol', 1.400617, 103.907833],
    ['MacRitchie Reservoir', 1.346002, 103.825436],
    ['Bishan', 1.352051, 103.849125],
    ['Sentosa', 1.251226, 103.830757]
  ];
  
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 15,
        center: new google.maps.LatLng(1.37265, 103.893658),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  
    var infowindow = new google.maps.InfoWindow();
  
    var marker, i;
  
    for (i = 0; i &lt; locations.length; i++) {
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map
        });
  
        google.maps.event.addListener(marker, 'click', (function (marker, i) {
            return function () {
                infowindow.setContent(locations[i][0]);
                infowindow.open(map, marker);
            }
        })(marker, i));
    }
  </code></pre>
  
  <p></p>
  
  <p><strong>JavaScript for current location</strong></p>
  
  <pre><code>navigator.geolocation.getCurrentPosition(function(position) {
          var latitude = position.coords.latitude;
          var longitude = position.coords.longitude;
      }
  </code></pre>