View source for Widget:Sidebarmap

<includeonly>
<style>
#the_side_bar li { list-style: none; margin:0px;padding:0px } 
#the_side_bar ul { margin-left:0px; padding:0px; }
	/* Control how "sided out" the tree is */
#the_side_bar ul  ul , #the_side_bar ul li { margin-left:8px; padding:0px; } 
	/* Format menu items differently depending on what level of the tree they are in */
#the_side_bar ul li { font-size:  11px; }
#the_side_bar ul li ul li { font-size: 10px; }
#the_side_bar ul li ul li ul li { font-size: 9px; }
#the_side_bar ul li ul li ul li ul li { font-size: 8px; } 
#mapDiv {font-size: 0px; }
.inView { display:block }
.outView { color:silver; opacity:0.4; alpha(opacity=40) }
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyA1-YSOAtIlnU0ZcufMDLNjEVZDmq7sPh4"></script>
<script type="text/javascript" src="extensions/Geoxmlv3/geoxmlv3.js"></script>
<script type="text/javascript" charset="utf-8">
(window.RLQ=window.RLQ||[]).push(function(){
this.publishdirectory = "extensions/Geoxmlv3/";
<!--{if isset($alticon)}-->var alticon = new google.maps.MarkerImage("<!--{$alticon}-->",
	new google.maps.Size(32,32), //size
	new google.maps.Point(0,0), //origin
	new google.maps.Point(16,32),//anchor
	new google.maps.Size(32,32) //scaledsize
	);<!--{/if}-->
		function sidebarmap_init(){
			var latlng = new google.maps.LatLng(0,0);
		    var myOptions = {
		      zoom: 8,
		      center: latlng,
		      mapTypeId: google.maps.MapTypeId.ROADMAP
		    };
		    map = new google.maps.Map(document.getElementById("map_canvas"),
		        myOptions);
			
			exml = new GeoXml("exml", map, null, {sidebarid:"sidebar",allfoldersopen:true,sortbyname:true,alwaysinfopop:false,iwwidth:<!--{$infowindowwidth|default:'250'}-->,<!--{if isset($alticon)}-->baseicon:alticon,<!--{/if}--><!--{if isset($otheroption)}--><!--{$otheroption}--><!--{/if}-->});
			exml.urls = [<!--{if is_array($file)}--><!--{foreach from=$file item=i}-->'<!--{$i|replace:'http':'extensions/Geoxmlv3/proxy.php?url=http'}-->',<!--{/foreach}--><!--{else}-->'<!--{$file|replace:'http':'extensions/Geoxmlv3/proxy.php?url=http'}-->'<!--{/if}-->];
			exml.parse();
		}

window.onload = sidebarmap_init;
});
</script>
<!--{if isset($defaultmap) && $defaultmap == true}--><div id="map-container">
			<div id="sidebar" style="overflow-y:auto;height:500px;width:<!--{$sidebarwidth|default:'300px'}-->;float:<!--{$sidebarfloat|default:'left'}-->;"></div>
			<div id="map_canvas" style="width:<!--{$mapwidth|default:'700px'}-->;height:500px"></div>
</div><!--{/if}-->
</includeonly>