plugin.html 14.4 KB
{% load static %}
<ul class="dock" style="z-index: 1;">
    <li class="fixed-plugin" style="top: 50px;">
        <div class="dropdown show-dropdown">

            <a href="#" type="checkbox">
                <input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 50px;height: 50px;margin-top: 0px;z-index:2;cursor: pointer;">
                <div id="labelchange">
                    <img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
                    width: 50px;">
                </div>
            </a>
        </div>
        <span class="tooltiptext tooltip-left tooltip-3d" style="font-family: 'gilroysemibold';
        color: #085E8C;">3D</span>
    </li>

    <li class="fixed-plugin no3d" style="top: 110px;">
        <span class="tooltiptext tooltip-left" style="color:
        #2D7159;font-family:'gilroysemibold';">Basemaps</span>
        <div class="dropdown show-dropdown" style="top: 1px;">
            <a href="#" data-toggle="dropdown">
                <img src="{% static 'img/icon-1/Vectorbasemaps.svg' %}" alt="" style="height: 50px;
                width: 50px;">
            </a>
            <ul class="dropdown-menu" x-placement="bottom-start">
                <li class="header-title text-center">Maps BaseLayer</li>
                <div class="dropdown-content-body">
                    <div class="row text-center">
                        <!-- <div class="col-md-2">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BaseMap">
                                    <img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;max-height: 130px;">
                                    <span class="menu-heading">
                                        Base Map</span>
                                </a>
                            </ul>
                        </div> -->
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
                                    <img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;max-height: 130px;">
                                    <span class="menu-heading">
                                        Google Street</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
                                    <img src="{% static 'img/maps/mapbox.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                        World Imagery</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
                                    <img src="{% static 'img/maps/bing.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                        Bing Satellite</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
                                    <img src="{% static 'img/maps/esri.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                        Google Satellite</span>
                                </a>
                            </ul>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </li>
    <li class="fixed-plugin no3d overlay-cek" style="top: 170px;">
        <span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span>
        <div class="jumlah-ceklis">

        </div>
        <div class="dropdown show-dropdown ">
            <a href="#" data-toggle="dropdown">
                <img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
                width: 50px;">
            </a>
            <ul class="dropdown-menu">
                <li class="header-title text-center">Sidebar Filters</li>
                <!-- <div id="sidebar" onmouseleave="overll()">
                    <div class="sidebar-wrapper">
                        <div class="panel panel-default" id="features">
                            <div class="panel-body"> -->
                <div class="row" style="margin: 0;padding: 0;">
                    <div class="col-md-12">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
                                <img src="/static/img/icon-1/SquareHalflahan.svg" alt="" style="margin-top: -5px;">
                                <span>
                                    Lahan
                                </span>
                            </label>
                        </div>

                        <div class="checkbox">
                            <label>
                            <input type="checkbox" id="geo_building" onclick="georumah()" style="margin-top:2px;">
                            <img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;">
                            <span>
                                Bangunan
                            </span>
                            
                        </label>
                        </div>
                        <!-- <ul class="nasted active">
                            <div class="checkbox">
                                <label>
                                <input type="checkbox" id="2d-maps" style="margin-top:2px;">
                                Bangunan 2D Maps
                            </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                <input type="checkbox" id="3d-maps" onclick="map3d()" style="margin-top:2px;">
                                Bangunan 3D Maps
                            </label>
                            </div>
                        </ul> -->
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
                                <img src="/static/img/icon-1/Vectorjalan.svg" alt="" style="margin-top: -5px;">
                                <span>
                                    Jalan
                                </span>
                                </label>
                        </div>

                        <!-- <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;">
                                Sungai
                            </label>
                        </div> -->
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
                                <img src="/static/img/icon-1/Vectorteritory.svg" alt="" style="margin-top: -5px;">
                                <span>
                                    Batas Teritori
                                </span>
                            </label>
                        </div>
                        <ul class="nasted active">
                            <div class="checkbox">
                                <label>
                                    <input class="active" checked="true" type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
                                    Batas Kabupaten/Kota
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;">
                                    Batas Kecamatan     
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
                                    Batas Desa/Kelurahan
                                </label>
                            </div>
                        </ul>
                    </div>
                    <!-- <div class="col-md-6"> -->
                    <!-- <div class="checkbox">
                            <label>
                                <input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Point
                            </label>
                        </div> -->

                    <!-- <ul class="nasted active"> -->
                    <!-- <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Kantor Administrasi
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Layanan Kesehatan     
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Puskesmas
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Rumah Sakit
                                </label>
                            </div> -->
                    <!-- <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Ibadah
                                </label>
                            </div> -->
                    <!-- <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Pendidikan
                                </label>
                            </div> -->
                    <!-- <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    SPBU
                                </label>
                            </div> -->
                    <!-- <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Stasiun
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Terminal Bus
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Cagar Budaya dan Pariwisata
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Gardu Listrik
                                </label>
                            </div> -->
                    <!-- </ul>
                    </div> -->
                </div>
            </ul>
        </div>
    </li>
    <!-- Second navbar -->

</ul>