Maps - Manually show/hide markers

ExpressionEngine Code

 Amsterdam 
  Rotterdam 
 Den-Haag 


{exp:reinos_maps:html_header}

{exp:reinos_maps:map 
    width="100%"
    center:address="holland"
    zoom="7"
}
    {maps:add_marker
        address="amsterdam"
    }
    {maps:add_marker
        address="rotterdam"
    }
    {maps:add_marker
        address="den-haag"
        }
{/exp:reinos_maps:map}

{exp:reinos_maps:html_footer}


$(function(){
    $('.checkbox').click(function(){

        //show marker
        if($(this).is(':checked')) {
            REINOS_MAPS.api('showMarker', {
                mapID : 'reinos_map_1',
                key : $(this).val()
            }); 
        //hide
        } else {
             REINOS_MAPS.api('hideMarker', {
                mapID : 'reinos_map_1',
                key : $(this).val()
            });    
        }
    });
});