Skip to content

O
OKU-GIS
Commit e0f3e701 authored by Manggar Mahardhika's avatar Manggar Mahardhika
Browse files
Options

push

parent e4384ee8
Hide whitespace changes
Inline Side-by-side
Showing with 187 additions and 80 deletions
Application/views.py
View file @ e0f3e701
...@@ -63,7 +63,7 @@ class Dashboard(generic.TemplateView): ...@@ -63,7 +63,7 @@ class Dashboard(generic.TemplateView):
puskesmas_result.append(i[0]) puskesmas_result.append(i[0])
with conn.cursor() as rumah_sakit: with conn.cursor() as rumah_sakit:
rumah_sakit.execute("SELECT json_build_object('type', 'Feature', 'administrasi', (a.namobj, a.remark), 'geometry', ST_AsGeoJSON(a.geom :: geometry) :: json) from geo_rumah_sakit a join geo_prov_kab b on st_intersects(a.geom,b.geom)") rumah_sakit.execute("SELECT json_build_object('type', 'Feature', 'administrasi', (a.namobj, a.alamat, a.remark), 'geometry', ST_AsGeoJSON(a.geom :: geometry) :: json) from geo_rumah_sakit a join geo_prov_kab b on st_intersects(a.geom,b.geom)")
rumah_sakit_res = rumah_sakit.fetchall() rumah_sakit_res = rumah_sakit.fetchall()
rumah_sakit_result = [] rumah_sakit_result = []
......
templates/includes/css-m.html
View file @ e0f3e701
<style> <style>
#button_hide_point {
line-height: 15px;
width: 40px;
font-size: 10pt;
font-family: tahoma;
margin-top: 3px;
margin-right: 3px;
position: absolute;
top: 0;
right: 0;
z-index: 99999999;
}
#button_unhide_point {
line-height: 15px;
width: 40px;
font-size: 10pt;
font-family: tahoma;
right: 60px;
position: absolute;
bottom: 0;
z-index: 99999999;
}
.legendapo { .legendapo {
background: #ffffffa6; background: #ffffffa6;
position: fixed; position: fixed;
......
templates/includes/js-m.html
View file @ e0f3e701
...@@ -382,6 +382,88 @@ ...@@ -382,6 +382,88 @@
offset: [0, 0] offset: [0, 0]
}); });
return marker return marker
},onEachFeature: function(feature, layer) {
layer.on({
click: function(e) {
content =`
<table class="table table-hover tasks-list">
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src="static/img/icon/rs.svg" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + feature.administrasi.f1 + `
</span>
</h1>
</div>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 30px;">
<th>
<span>
` + feature.administrasi.f3 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<span>
` + feature.administrasi.f2 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Luas Bangunan : None</span>
</p>
<p>
<span>Luas Tanah : None</span>
</p>
<p>
<span>Tinggi Bangunan : None</span>
</p>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span> </span>
</p>
</th>
</tr>
</div>
</tbody>
</table>`;
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block")
$("#thisFooter").css('left', '380px');
$("#thisFooter").css('width', '930px');
$("#thisFooter").css('display', 'none');
$("#button_unhide").css('display', 'block')
$("#isi_panel").html(content)
$()
}
})
} }
}); });
......
templates/includes/js-o.html
View file @ e0f3e701
...@@ -855,9 +855,6 @@ ...@@ -855,9 +855,6 @@
click: function(e) { click: function(e) {
//var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) { //var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) {
var content = ` var content = `
<a id="btn_edit_kelurahan" style="position: absolute;
top: 240px;
right: 5px;">Edit</a>
<table class="table table-hover tasks-list"> <table class="table table-hover tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
......
templates/includes/m.html
View file @ e0f3e701
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<input type="hidden" id="infoLongitude"> <input type="hidden" id="infoLongitude">
<input type="hidden" id="infoLatitude"> <input type="hidden" id="infoLatitude">
<input type="hidden" id="infoLimitx"> <input type="hidden" id="infoLimitx">
<div>
<a href="#" class="btn btn-default" id="button_hide_point"><span class="caret" style="margin-left: -5px;"></span></a>
</div>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="col-md-2" style="min-width: 150px;"> <div class="col-md-2" style="min-width: 150px;">
...@@ -301,4 +303,7 @@ ...@@ -301,4 +303,7 @@
</div> </div>
</div> </div>
<div>
<a href="#" class="btn btn-default" id="button_unhide_point" style="display: none;"><span class="caret" style="margin-left: -5px;transform: rotate(180deg)"></span></a>
</div>
</div> </div>
\ No newline at end of file
templates/includes/navbar.html
View file @ e0f3e701
...@@ -56,38 +56,38 @@ ...@@ -56,38 +56,38 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-md-3" style="margin-top: 2px;"> <div class="col-md-3" style="margin-top: 2px;">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap"> <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;"> <img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading"> <span class="menu-heading">
Google Street</span> Google Street</span>
</a> </a>
</ul> </ul>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;"> <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading"> <span class="menu-heading">
World Imagery</span> World Imagery</span>
</a> </a>
</ul> </ul>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; min-height:20px;"> <img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading"> <span class="menu-heading">
Bing Satellite</span> Bing Satellite</span>
</a> </a>
</ul> </ul>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;"> <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading"> <span class="menu-heading">
Google Satellite</span> Google Satellite</span>
</a> </a>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -112,56 +112,56 @@ ...@@ -112,56 +112,56 @@
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;"> <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
Lahan Lahan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_building" onclick="geobangunan()" style="margin-top:2px;"> <input type="checkbox" id="geo_building" onclick="geobangunan()" style="margin-top:2px;">
Bangunan Bangunan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;"> <input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
Jalan Jalan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;"> <input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;">
Sungai Sungai
</label> </label>
</div> </div>
<div class="ceret"> <div class="ceret">
<label> <label>
<input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" > <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
Batas Teritori Batas Teritori
</label> </label>
</div> </div>
<ul class="nasted"> <ul class="nasted">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;"> <input type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
Batas Kabupaten/Kota Batas Kabupaten/Kota
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;"> <input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;">
Batas Kecamatan Batas Kecamatan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;"> <input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
Batas Desa/Kelurahan Batas Desa/Kelurahan
</label> </label>
</div> </div>
</ul> </ul>
</div> </div>
...@@ -176,71 +176,71 @@ ...@@ -176,71 +176,71 @@
<ul class="nasted"> <ul class="nasted">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Kantor Administrasi Kantor Administrasi
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Layanan Kesehatan Layanan Kesehatan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Puskesmas Puskesmas
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Rumah Sakit Rumah Sakit
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Ibadah Sarana Ibadah
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Pendidikan Sarana Pendidikan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
SPBU SPBU
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Stasiun Stasiun
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Terminal Bus Terminal Bus
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Cagar Budaya dan Pariwisata Cagar Budaya dan Pariwisata
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Gardu Listrik Gardu Listrik
</label> </label>
</div> </div>
</ul> </ul>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment