plugin.html 14.4 KB
Newer Older
Muhamad's avatar
Muhamad committed
1
{% load static %}
2
<ul class="dock" style="z-index: 1;">
Muhamad's avatar
Muhamad committed
3
    <li class="fixed-plugin" style="top: 50px;">
4
        <div class="dropdown show-dropdown">
Muhamad's avatar
Muhamad committed
5 6

            <a href="#" type="checkbox">
Muhamad's avatar
Muhamad committed
7
                <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;">
Muhamad's avatar
Muhamad committed
8
                <div id="labelchange">
9
                    <img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
Muhamad's avatar
Muhamad committed
10
                    width: 50px;">
11
                </div>
Muhamad's avatar
Muhamad committed
12 13
            </a>
        </div>
Muhamad's avatar
Muhamad committed
14
        <span class="tooltiptext tooltip-left tooltip-3d" style="font-family: 'gilroysemibold';
15
        color: #085E8C;">3D</span>
Muhamad's avatar
Muhamad committed
16 17 18
    </li>

    <li class="fixed-plugin no3d" style="top: 110px;">
19 20
        <span class="tooltiptext tooltip-left" style="color:
        #2D7159;font-family:'gilroysemibold';">Basemaps</span>
21
        <div class="dropdown show-dropdown" style="top: 1px;">
Muhamad's avatar
Muhamad committed
22
            <a href="#" data-toggle="dropdown">
23
                <img src="{% static 'img/icon-1/Vectorbasemaps.svg' %}" alt="" style="height: 50px;
Muhamad's avatar
Muhamad committed
24
                width: 50px;">
Muhamad's avatar
Muhamad committed
25 26 27 28 29
            </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">
Manggar Mahardhika's avatar
Manggar Mahardhika committed
30 31 32 33 34 35 36 37 38 39
                        <!-- <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">
Muhamad's avatar
Muhamad committed
40 41 42 43
                            <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">
Muhamad's avatar
Muhamad committed
44
                                        Google Street</span>
Muhamad's avatar
Muhamad committed
45 46 47 48 49 50
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
Manggar Mahardhika's avatar
Manggar Mahardhika committed
51
                                    <img src="{% static 'img/maps/mapbox.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
Muhamad's avatar
Muhamad committed
52
                                min-height: 130px">
Muhamad's avatar
Muhamad committed
53
                                    <span class="menu-heading">
Manggar Mahardhika's avatar
Manggar Mahardhika committed
54
                                        World Imagery</span>
Muhamad's avatar
Muhamad committed
55 56 57 58 59 60
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
61
                                    <img src="{% static 'img/maps/bing.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
Muhamad's avatar
Muhamad committed
62
                                min-height: 130px">
Muhamad's avatar
Muhamad committed
63
                                    <span class="menu-heading">
Muhamad's avatar
Muhamad committed
64
                                        Bing Satellite</span>
Muhamad's avatar
Muhamad committed
65 66 67 68 69 70
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
71
                                    <img src="{% static 'img/maps/esri.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
Muhamad's avatar
Muhamad committed
72
                                min-height: 130px">
Muhamad's avatar
Muhamad committed
73
                                    <span class="menu-heading">
Muhamad's avatar
Muhamad committed
74
                                        Google Satellite</span>
Muhamad's avatar
Muhamad committed
75 76 77
                                </a>
                            </ul>
                        </div>
Muhamad's avatar
Muhamad committed
78 79
                    </div>
                </div>
Muhamad's avatar
Muhamad committed
80 81 82
            </ul>
        </div>
    </li>
Muhamad's avatar
Muhamad committed
83
    <li class="fixed-plugin no3d overlay-cek" style="top: 170px;">
84
        <span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span>
Muhamad's avatar
Muhamad committed
85 86 87
        <div class="jumlah-ceklis">

        </div>
Muhamad's avatar
Muhamad committed
88
        <div class="dropdown show-dropdown ">
Muhamad's avatar
Muhamad committed
89
            <a href="#" data-toggle="dropdown">
90
                <img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
Muhamad's avatar
Muhamad committed
91
                width: 50px;">
Muhamad's avatar
Muhamad committed
92
            </a>
93
            <ul class="dropdown-menu">
Muhamad's avatar
Muhamad committed
94 95
                <li class="header-title text-center">Sidebar Filters</li>
                <!-- <div id="sidebar" onmouseleave="overll()">
Muhamad's avatar
Muhamad committed
96 97 98
                    <div class="sidebar-wrapper">
                        <div class="panel panel-default" id="features">
                            <div class="panel-body"> -->
Muhamad's avatar
Muhamad committed
99
                <div class="row" style="margin: 0;padding: 0;">
100
                    <div class="col-md-12">
Muhamad's avatar
Muhamad committed
101 102
                        <div class="checkbox">
                            <label>
Muhamad's avatar
Muhamad committed
103
                                <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
104 105 106 107
                                <img src="/static/img/icon-1/SquareHalflahan.svg" alt="" style="margin-top: -5px;">
                                <span>
                                    Lahan
                                </span>
Muhamad's avatar
Muhamad committed
108
                            </label>
Muhamad's avatar
Muhamad committed
109
                        </div>
Muhamad's avatar
Muhamad committed
110

Muhamad's avatar
Muhamad committed
111 112
                        <div class="checkbox">
                            <label>
Muhamad's avatar
Muhamad committed
113
                            <input type="checkbox" id="geo_building" onclick="georumah()" style="margin-top:2px;">
114 115 116 117 118
                            <img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;">
                            <span>
                                Bangunan
                            </span>
                            
Muhamad's avatar
Muhamad committed
119
                        </label>
Muhamad's avatar
Muhamad committed
120
                        </div>
Muhamad's avatar
Muhamad committed
121
                        <!-- <ul class="nasted active">
Muhamad's avatar
Muhamad committed
122 123
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
124 125 126
                                <input type="checkbox" id="2d-maps" style="margin-top:2px;">
                                Bangunan 2D Maps
                            </label>
Muhamad's avatar
Muhamad committed
127 128 129
                            </div>
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
130 131 132
                                <input type="checkbox" id="3d-maps" onclick="map3d()" style="margin-top:2px;">
                                Bangunan 3D Maps
                            </label>
Muhamad's avatar
Muhamad committed
133
                            </div>
Muhamad's avatar
Muhamad committed
134
                        </ul> -->
Muhamad's avatar
Muhamad committed
135 136
                        <div class="checkbox">
                            <label>
Muhamad's avatar
Muhamad committed
137
                                <input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
138 139 140 141 142
                                <img src="/static/img/icon-1/Vectorjalan.svg" alt="" style="margin-top: -5px;">
                                <span>
                                    Jalan
                                </span>
                                </label>
Muhamad's avatar
Muhamad committed
143
                        </div>
Muhamad's avatar
Muhamad committed
144

145
                        <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
146
                            <label>
Muhamad's avatar
Muhamad committed
147 148 149
                                <input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;">
                                Sungai
                            </label>
150
                        </div> -->
Muhamad's avatar
Muhamad committed
151 152
                        <div class="checkbox">
                            <label>
153 154 155
                                <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>
Muhamad's avatar
Muhamad committed
156
                                    Batas Teritori
157 158
                                </span>
                            </label>
Muhamad's avatar
Muhamad committed
159 160 161 162
                        </div>
                        <ul class="nasted active">
                            <div class="checkbox">
                                <label>
163 164 165
                                    <input class="active" checked="true" type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
                                    Batas Kabupaten/Kota
                                </label>
Muhamad's avatar
Muhamad committed
166
                            </div>
Muhamad's avatar
Muhamad committed
167

Muhamad's avatar
Muhamad committed
168 169
                            <div class="checkbox">
                                <label>
170 171 172
                                    <input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;">
                                    Batas Kecamatan     
                                </label>
Muhamad's avatar
Muhamad committed
173
                            </div>
Muhamad's avatar
Muhamad committed
174

Muhamad's avatar
Muhamad committed
175 176
                            <div class="checkbox">
                                <label>
177 178 179
                                    <input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
                                    Batas Desa/Kelurahan
                                </label>
Muhamad's avatar
Muhamad committed
180 181 182
                            </div>
                        </ul>
                    </div>
183 184
                    <!-- <div class="col-md-6"> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
185
                            <label>
Muhamad's avatar
Muhamad committed
186 187 188
                                <input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Point
                            </label>
189
                        </div> -->
Muhamad's avatar
Muhamad committed
190

191 192
                    <!-- <ul class="nasted active"> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
193
                                <label>
Muhamad's avatar
Muhamad committed
194 195 196
                                    <input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Kantor Administrasi
                                </label>
Muhamad's avatar
Muhamad committed
197
                            </div>
Muhamad's avatar
Muhamad committed
198

Muhamad's avatar
Muhamad committed
199 200
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
201 202 203
                                    <input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Layanan Kesehatan     
                                </label>
Muhamad's avatar
Muhamad committed
204
                            </div>
Muhamad's avatar
Muhamad committed
205

Muhamad's avatar
Muhamad committed
206 207
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
208 209 210
                                    <input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Puskesmas
                                </label>
Muhamad's avatar
Muhamad committed
211 212 213
                            </div>
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
214 215 216
                                    <input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Rumah Sakit
                                </label>
217 218
                            </div> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
219
                                <label>
Muhamad's avatar
Muhamad committed
220 221 222
                                    <input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Ibadah
                                </label>
223 224
                            </div> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
225
                                <label>
Muhamad's avatar
Muhamad committed
226 227 228
                                    <input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Pendidikan
                                </label>
229 230
                            </div> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
231
                                <label>
Muhamad's avatar
Muhamad committed
232 233 234
                                    <input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    SPBU
                                </label>
235 236
                            </div> -->
                    <!-- <div class="checkbox">
Muhamad's avatar
Muhamad committed
237
                                <label>
Muhamad's avatar
Muhamad committed
238 239 240
                                    <input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Stasiun
                                </label>
Muhamad's avatar
Muhamad committed
241 242 243
                            </div>
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
244 245 246
                                    <input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Terminal Bus
                                </label>
Muhamad's avatar
Muhamad committed
247 248 249
                            </div>
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
250 251 252
                                    <input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Cagar Budaya dan Pariwisata
                                </label>
Muhamad's avatar
Muhamad committed
253 254 255
                            </div>
                            <div class="checkbox">
                                <label>
Muhamad's avatar
Muhamad committed
256 257 258
                                    <input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Gardu Listrik
                                </label>
259 260 261
                            </div> -->
                    <!-- </ul>
                    </div> -->
Muhamad's avatar
Muhamad committed
262
                </div>
Muhamad's avatar
Muhamad committed
263 264 265 266
            </ul>
        </div>
    </li>
    <!-- Second navbar -->
267

Muhamad's avatar
Muhamad committed
268
</ul>