Map Usage Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
		<link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8">
		<script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<script type="text/javascript" charset="utf-8">
 
		dhx.ui({ // creates view and window in it
			view:"window",
			body:{
				view:"map", // in the window's body put Map view
				zoom:8
			},
			head:{// in the header put toolbar which contains a label and a button
				view:"toolbar", type:"MainBar", data:[
					{type:"label", label: "Google Map", align:'left'},
					{ type:'button', label: 'Close', align: 'right'}
				]
			},
			top:150, // the top offset of the window
			left:300, // the left offset of the window
			width:600, // the width of the window
			height:500 //the height of the window
		});			
 
		</script>
	</body>
</html>