Show Controls in GeoIQ

show_controls.html

<script src="http://geocommons.com/javascripts/f1.api.js" type="text/javascript"></script>
<style type="text/css" media="screen">
  #embed_map {width: 100%; height: 400px;}
</style>
<div id="embed_map"></div>
<ul>
<li>Zoom: <a href="#" onclick="mymap.showControl('Zoom',true);">show</a> | <a href="#" onclick="mymap.showControl('Zoom',false);">hide</a></li>
<li>Layers: <a href="#" onclick="mymap.showControl('Layers',true);">show</a> | <a href="#" onclick="mymap.showControl('Layers',false);">hide</a></li>
<li>Legend: <a href="#" onclick="mymap.showControl('Legend',true);">show</a> | <a href="#" onclick="mymap.showControl('Legend',false);">hide</a></li>
<script type="text/javascript" charset="utf-8">
var mymap = new F1.Maker.Map({
  map_id: 48852, 
  dom_id: "embed_map", 
  uiZoom: false,
  uiLegend: false,
  uiLayers: false
});
</script>