Skip to content

Home

Jump to bottom
Toni edited this page Oct 19, 2022 · 3 revisions

Aufruf

/maps/5629/embed?ext=daard#/

Templates

dai_geonode/templates/maps/map_embed.html

    <style> 
        #paneltbar { 
            margin-top: 0px !important; 
        } 
    </style> 
 
    {% get_map_embed %} 
{% endblock head %} 
 
{% block body %} 
 
<!-- http://localhost:8000/maps/6/embed?ext=daard#/ --> 
{% endblock %} 
 
{% block footer %} 
    <!-- Load project extensions --> 
    {% if request.GET.ext == 'daard' %} 
        {% include 'daard_ext.html' %} 
    {% endif %} 
{% endblock %}

Map view

geonode-mapstore-client/map_embed.html

{% load static from staticfiles %}
{% load client_lib_tags %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity_no="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" rel="preload" />

    <link rel="preload" as="font" href="/static/geonode/fonts/lato_regular.ttf" crossorigin="" />
    <link rel="preload" as="font" href="/static/geonode/fonts/lato_bold.ttf" crossorigin="" />
    <link rel="preload" as="font" href="/static/geonode/fonts/lato_light.ttf" crossorigin="" />

	<title>{{ SITE_NAME }}</title>
        <link rel="shortcut icon" href="{% static 'geonode/img/favicon.ico' %}" />
        <style>
            .gn-main-loader-container {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                flex-direction: column;
            }
            .gn-main-loader-content {
                position: relative;
                font-size: inherit;
            }
            .gn-main-loader {
                border-radius: 50%;
                width: 12em;
                height: 12em;
                box-sizing: border-box;
                border: 1em solid rgba(119,119,119, 0.2);
                border-left: 1em solid #777777;
                -webkit-animation: gn-main-loader-animation 1.1s infinite linear;
                animation: gn-main-loader-animation 1.1s infinite linear;
            }
            .gn-main-loader-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 1.5em;
                text-align: center;
                font-family: 'Montserrat', sans-serif;
            }
            @-webkit-keyframes gn-main-loader-animation {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
            @keyframes gn-main-loader-animation {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
        </style>

        <style>
            #ms-container {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 99999;
                background-color: #fff;
            }
        </style>
    </head>
    <body>
        {% include './_geonode_config.html' with plugins_config_key='map_view' %}
        <div id="ms-container" class="ms2">
            <div class="gn-main-loader-container">
                <div class="gn-main-loader-content">
                    <div class="gn-main-loader"></div>
                    <div class="gn-main-loader-text"></div>
                </div>
            </div>
        </div>
        <script id="gn-script" src="/static/mapstore/dist/gn-map.js"></script>
    </body>
</html>
Clone this wiki locally