JS - više markera na mapi - Gimnazija Doboj

Dodavanje više markera na mapu.
<html>
<body>

<div id="map" style="width:100%; height: 655px;"></div>

<script>

var map;
var lat = 44.7;
var lng = 18;
var zoom = 10;

var locations = [
     ['Doboj', 44.71,18.5],
     ['Stanari', 44.72,18.6],
     ['Petrovo', 44.73,18.4],
     ['Modrica', 44.74,18.3]
];

function initMap() {

        map = new google.maps.Map(document.getElementById('map'), {
            zoom: zoom,
            center: {lat: lat, lng: lng}
        });

        var infowindow = new google.maps.InfoWindow;
        var marker, i;

        for (i = 0; i < 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));
        }
  }

</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE&libraries=geometry&callback=initMap"
           async defer></script>
</body>
</html>
JS – više markera na mapi
