Location: PHPKode > scripts > OSM Data Manager > SimpleMap.html
	<title>OSM map with data from MySQL</title>
	<script type="text/javascript" src="lib/dojo/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug: false"></script>
	<script src="lib/openlayers/OpenLayers.js"></script>
	<script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
	<script src="lib/trm/openlayers_extensions.js"></script>
	<script src="lib/trm/Application.js"></script>	
	<script src="lib/trm/MarkerManager.js"></script>	
	<script type="text/javascript">
		var gl_map; 
		var gl_markers;
		//callback after login	
		function loggedIn(response,ioArgs) {
				if ((response != null) && (response != "msg.loginfailed")) { //you don't have to check this, it's already checked before
					gl_application.getGroupItems("Example Group",gl_application.showData);
		//login as guest
		function loadData(){
		  var cb = {
		  	func: loggedIn,
			target: this
		function init() {
			//Main Map
			gl_map = new OpenLayers.Map("map", {
			controls: [
				//new OpenLayers.Control.KeyboardDefaults(),
				new OpenLayers.Control.MouseDefaults(),
				new OpenLayers.Control.LayerSwitcher(),
				new OpenLayers.Control.PanZoomBar()],
                new OpenLayers.Bounds(-20037508.34,-20037508.34,
                                       20037508.34, 20037508.34),
			numZoomLevels: 18,
            maxResolution: 156543,
            units: 'meters',
            projection: "EPSG:4326"} );
			layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
			layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
			gl_map.addControl(new OpenLayers.Control.MousePosition());
			gl_markers = new OpenLayers.Layer.Markers( "Markers",{projection: new OpenLayers.Projection("EPSG:4326")});
			//Client Application
			gl_application = new TRM.ClientApplication();
			gl_application.initialize(gl_map,new Markermanager())							


<body onload="init()" style="background-color: #dbdbdb;">  
		<!-- MAIN MAP -->
		<div style="border:solid 1px black;width: 792px;padding:4px;">
			This is a simple example shows how to use and display your data 
			   on another website.
			   You just have to create a ClientApplication object and load data from a group.
			   You can update this data in OsmDatamanager and it's just up to date on this page.<br>
			   Here you can see the guest user "Example Group"
		<div  id="map" style="width:800px; height:800px;border:solid 1px Black;background-color:#dbdbdb;">
Return current item: OSM Data Manager