function loadMap(locaties) {
    if (GBrowserIsCompatible()) {

        //Functie voor aanmaken marker met icon, tekst, title
        function createMarker(latlng, markertitle, markerHtml) {
            var eigenHaardIcon = new GIcon();
            eigenHaardIcon.image = "/gfx/mapmarker.png";
            eigenHaardIcon.iconSize = new GSize(27, 27);
            eigenHaardIcon.iconAnchor = new GPoint(12, 34);
            eigenHaardIcon.infoWindowAnchor = new GPoint(12, 1);
            markerOptions = { icon: eigenHaardIcon, title: markertitle };
            var marker = new GMarker(latlng, markerOptions);
            GEvent.addListener(marker, "click", function () {
                marker.openInfoWindowHtml(markerHtml);
            });
            return marker;
        }

        // instantieer de map
        var map = new GMap2(document.getElementById('map_canvas'));
        map.getContainer().style.overflow = "hidden";
        var point = new GLatLng();
        var bounds = new GLatLngBounds();
        // map center moet er zijn, anders geen map.
        map.setCenter(new GLatLng(0, 0), 0);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        for (var i = locaties.length - 1; i >= 0; --i) {
            var locatieSplit = locaties[i].split(",");
            var marker = new GMarker(new GLatLng(locatieSplit[0], locatieSplit[1]));
            var latlng = new GLatLng(locatieSplit[0], locatieSplit[1]);
            map.addOverlay(createMarker(latlng, locatieSplit[2], locatieSplit[3]));
            //map.addOverlay(marker);                                                                       
            point = new GLatLng(locatieSplit[0], locatieSplit[1]);
            bounds.extend(point);
        }
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());
    }
}

function loadMap2(locatie) {
    if (GBrowserIsCompatible()) {
        //Functie voor aanmaken marker met icon, tekst, title
        function createMarker(latlng, markertitle, markerHtml) {
            var eigenHaardIcon = new GIcon();
            eigenHaardIcon.image = "/gfx/mapmarker.png";
            eigenHaardIcon.iconSize = new GSize(27, 27);
            eigenHaardIcon.iconAnchor = new GPoint(12, 34);
            eigenHaardIcon.infoWindowAnchor = new GPoint(12, 1);
            markerOptions = { icon: eigenHaardIcon, title: markertitle };
            var marker = new GMarker(latlng, markerOptions);
            GEvent.addListener(marker, "click", function () {
                marker.openInfoWindowHtml(markerHtml);
            });
            return marker;
        }

        var locatieSplit = locatie.split(",");
        var marker = new GMarker(new GLatLng(locatieSplit[0], locatieSplit[1]));
        var latlng = new GLatLng(locatieSplit[0], locatieSplit[1]);
        // instantieer de map, we hebben de size nodig in IE7 en onder de tab.
        var map = new GMap2(document.getElementById('map_canvas2'), { size: new GSize(640, 400) });
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.getContainer().style.overflow = "hidden";
        map.setCenter(new GLatLng(locatieSplit[0], locatieSplit[1]), 15);
        map.addOverlay(createMarker(latlng, locatieSplit[2], locatieSplit[3]));
    }
}