Working stand alone example of the Mixed / Ajax version

[thegeneralidea]

Is there a working stand alone version of the mixed / ajax example, I can't seem to get the markers to display on the map? I've tried the various demos but can't seem to get any below the Markers example working
http://thegeneralidea.com/maps/maplace-markers.html - working
http://thegeneralidea.com/maps/maplace-tabs.html - not working

[danielemoraschi]

The example on the website is stand-alone (check to code tab):

Js:

var maplace = new Maplace({
    map_div: '#gmap-mixed',
    controls_div: '#controls-mixed',
    controls_type: 'list',
    controls_on_map: false
});

$('#tabs a').click(function(e) {
    e.preventDefault();
    var index = $(this).attr('data-load');
    showGroup(index);
});

function showGroup(index) {
    var el = $('#g'+index);
    $('#tabs li').removeClass('active');
    $(el).parent().addClass('active');
    $.getJSON('data/ajax.php', { type: index }, function(data) {
        //loads data into the map
        maplace.Load({
            locations: data.locations,
            view_all_text: data.title,
            type: data.type,
            force_generate_controls: true
        });
    });
}

showGroup(0);

Html:

<ul id="tabs">
    <li><a href="javascript:void(0)" data-load="0" id="g0" title="Group A">Group A</a></li>
    <li><a href="javascript:void(0)" data-load="1" id="g1" title="Group B">Group B</a></li>
    <li><a href="javascript:void(0)" data-load="2" id="g2" title="Group C">Group C</a></li>
    <li><a href="javascript:void(0)" data-load="3" id="g3" title="Group D">Group D</a></li>
    <li><a href="javascript:void(0)" data-load="4" id="g4" title="Group E">Group E</a></li>
</ul>
<div id="controls-mixed"></div>
<div id="gmap-mixed"></div>