tbeg.github.io/ex3.html at master · tbeg/tbeg.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
    <head>
		<script type="text/javascript" src="../../js/OpenLayers-2.12/OpenLayers.js"></script>
        <style type='text/css'>
        html,body,#border1	,#markup,#map { margin:0; width:100%; height:100%; }
        </style>
    </head>
    <body class='claro'>
        <div id='border1' data-dojo-type='dijit/layout/BorderContainer'>
            <div data-dojo-type='dijit/layout/ContentPane' data-dojo-props='region:"leading"'>
                Dojo - OL examples HAHAHAHAHAHAHAHAHAHAHAH:
				<li><a href="http://stackoverflow.com/questions/19587074/how-to-display-geographic-map-using-dojo-1-9">Example 1!</a>
            </div>
            <div data-dojo-type='dijit/layout/ContentPane' data-dojo-props='region:"center"'>
                <div id='map'></div>
            </div>
            <div data-dojo-type='dijit/layout/AccordionContainer' data-dojo-props='region:"trailing"'>
				<div id='markup' style="width: 300px; height: 300px"></div>
            </div>
        </div>
        <script type='text/javascript'>
        require(['dojo/ready', 'dojo/parser'], function (ready, Parser) {
            ready(function () {
                    var map = new OpenLayers.Map({
                        div:'map',
                        displayProjection:new OpenLayers.Projection('EPSG:4326'),
                        projection:new OpenLayers.Projection('EPSG:900913')
                    });
                    map.addLayer(
                        new OpenLayers.Layer.OSM()
                    );
                    map.setCenter(
                        new OpenLayers.LonLat(0, 0),
                        2
                    );
            });
        });
		require(["dijit/layout/AccordionContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function(AccordionContainer, ContentPane){
			var aContainer = new AccordionContainer({style:"height: 300px"}, "markup");
			aContainer.addChild(new ContentPane({
				title: "This is a content pane",
				content: "Hi!"
			}));
			aContainer.addChild(new ContentPane({
				title:"This is as well",
				content:"Hi how are you?"
			}));
			aContainer.addChild(new ContentPane({
				title:"This too",
				content:"Hello im fine.. thnx"
			}));
			aContainer.startup();
		});
        </script>
    </body>
</html>