function addMarkers(json){
    var options = {
        disableDefaultUI: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map"), options);
    var bounds = new google.maps.LatLngBounds();
    
    var nombreAdresse = json.length;

    for(i = 0; i < nombreAdresse; i++){
        if(json[i].lat != 0){
            var coords = new google.maps.LatLng(json[i].lon, json[i].lat);
            bounds.extend(coords);
            
            var marker = new google.maps.Marker({
                position: coords,
                icon: "/_upload/logo/marker/"+json[i].mark+".png",
                title: json[i].name
            });
            
            addUrl(marker, json[i].url)
            
            marker.setMap(map);
            
            if(nombreAdresse == 1) {
                map.setZoom(11);
                map.setCenter(coords);
            } else {
                map.fitBounds(bounds);
            }
        }
    }
    
    
}

function map(marque, id) {    
    $.getJSON('/_front/_ajax/map.json', {marque: marque, id: id}, function(json){
        addMarkers(json);
    });
}

function addUrl(marker, url) {
    google.maps.event.addListener(marker, 'click', function() {
        //console.log(url);
        document.location = url;
    });
}