openbasiskaart/website/heron/index.html at master · opengeogroep/openbasiskaart · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>OpenBasisKaart - Heron Voorbeeld</title>

    <!-- External lib: ExtJS -->
    <link rel="stylesheet" type="text/css" href="https://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css"/>
    <script type="text/javascript" src="https://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="https://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" title="gray"
          href="https://lib.heron-mc.org/ext/3.4.0/resources/css/xtheme-gray.css"/>

    <!-- External lib: OpenLayers 2.12 -->
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.12/theme/default/style.css"/>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.12/OpenLayers.js"></script>

    <!-- External lib: GeoExt 1.1 -->
    <script type="text/javascript" src="https://lib.heron-mc.org/geoext/1.1/script/GeoExt.js"></script>

    <!-- External lib: Heron -->
    <link rel="stylesheet" type="text/css" href="https://lib.heron-mc.org/heron/latest/resources/css/default.css"/>
    <link rel="stylesheet" type="text/css"
          href="https://lib.heron-mc.org/heron/latest/resources/css/default-theme-gray.css"/>
    <script type="text/javascript" src="https://lib.heron-mc.org/heron/latest/lib/i18n/nl_NL.js"></script>
    <script type="text/javascript" src="https://lib.heron-mc.org/heron/latest/script/Heron.js"></script>

    <!-- Heron Config -->
    <script type="text/javascript">
        /*
         * Minimale Heron configuratie met extra Map Controls.
         **/
        Heron.layout = {
            xtype: 'hr_mappanel',
            items: [],
            /* Below are Heron-specific settings for the MapPanel (xtype: 'hr_mappanel') */
            hropts: {
                settings: {
                    // Standard OpenLayers Map config settings
                    projection: 'EPSG:28992',
                    units: 'm',

                    /* Using the PDOK/Geonovum NL Tiling rec. */
                    resolutions: [3440.640, 1720.320, 860.160, 430.080, 215.040, 107.520, 53.760, 26.880, 13.440, 6.720, 3.360, 1.680, 0.840, 0.420, 0.210, 0.105, 0.0525],
                    maxExtent: '-285401.920, 22598.080, 595401.920, 903401.920',
                    center: '155000,463000',
                    zoom: 3,
                    controls: [
                        new OpenLayers.Control.Attribution(),
                        new OpenLayers.Control.Zoom(),
                        new OpenLayers.Control.Navigation({dragPanOptions: {enableKinetic: true}}),
                        new OpenLayers.Control.LoadingPanel(),
                        new OpenLayers.Control.LayerSwitcher(),
                        new OpenLayers.Control.ScaleLine({maxWidth: 200})
                    ]
                },

                layers: [
                    new OpenLayers.Layer.TMS("OpenBasisKaart",
                            '/mapcache/tms',
                            {layername: 'osm@rd',
                                type: "png",
                                isBaseLayer: true,
                                attribution: "<a href='https://www.openbasiskaart.nl'>OpenBasisKaart - OpenGeoGroep</a><br/>Data: <a href='https://openstreetmap.org/'>© OpenStreetMap contributors</a> <a href='https://www.openstreetmap.org/copyright'>ODbL</a><br/>Gemaakt met <a href='https://heron-mc.org/'>Heron MC</a> ",
                                transitionEffect: 'resize'}),

                    new OpenLayers.Layer.TMS("OpenBasisKaart - Zonder Gebouwen",
                            '/mapcache/tms',
                            {layername: 'osm-nb@rd',
                                type: "png",
                                isBaseLayer: true,
                                visibility: false,
                                attribution: "<a href='https://www.openbasiskaart.nl'>OpenBasisKaart - OpenGeoGroep</a><br/>Data: <a href='https://openstreetmap.org/'>© OpenStreetMap contributors</a> <a href='https://www.openstreetmap.org/copyright'>ODbL</a><br/>Gemaakt met <a href='https://heron-mc.org/'>Heron MC</a> ",
                                transitionEffect: 'resize'})
                ]

            }
        };

    </script>

</head>
<body>
</body>
</html>