var eventsArr = null;

        <%
            if (userEvents != null && !userEvents.isEmpty())
            {
                for (int i = 0; i < userEvents.size(); i++) { %>
                    eventsArr[<%= i %>] = "<%= userEvents.get(i).convertToJson()%>"
             <% } %>
        <%  } %>

        function createMarkerAndInfoWindow() {
            for (var i = 0; i < eventsArr.length; i++) {
                var marker = new google.maps.Marker({
                    title: eventsArr[i].name,
                    position: new google.maps.LatLng(eventsArr[i].latitude, eventsArr[i].longitude),
                    map: map
                });
            }
        }

        function initialize() {
            var mapOptions = {
                zoom: 12,
                center: new google.maps.LatLng(59.818, 30.326),
                disableDefaultUI: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById('map-canvas'),
                    mapOptions);

            createMarkerAndInfoWindow();

        }

        google.maps.event.addDomListener(window, 'load', initialize);

<%
            if (userEvents != null && !userEvents.isEmpty())
            {
                for (int i = 0; i < userEvents.size(); i++) { %>
                    eventsArr[<%= i %>] = "<%= userEvents.get(i).convertToJson()%>"
             <% } %>
        <%  } %>