Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
O
OKU-GIS
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Muhamad
OKU-GIS
Commits
0ee76cde
Commit
0ee76cde
authored
Oct 17, 2021
by
Manggar Mahardhika
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
push fix search point
parent
b0cc89be
Changes
6
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
583 additions
and
107 deletions
+583
-107
API/urls.py
API/urls.py
+4
-0
API/views.py
API/views.py
+105
-1
templates/includes/js-m.html
templates/includes/js-m.html
+2
-1
templates/includes/js-o.html
templates/includes/js-o.html
+89
-77
templates/includes/modal.html
templates/includes/modal.html
+9
-2
templates/layout/layout.html
templates/layout/layout.html
+374
-26
No files found.
API/urls.py
View file @
0ee76cde
...
...
@@ -21,6 +21,9 @@ urlpatterns = [
path
(
'editkependudukan/'
,
views
.
editkependudukan
,
name
=
'kependudukan'
),
path
(
'valideditkependudukan'
,
views
.
valideditkependudukan
,
name
=
'valideditkependudukan'
),
path
(
'editspo'
,
views
.
editpointsearch
,
name
=
'editspo'
),
path
(
'editkantor'
,
views
.
editpointka
,
name
=
'editkantor'
),
path
(
'editlakes'
,
views
.
editpointlk
,
name
=
'editlakes'
),
path
(
'editpks'
,
views
.
editpointpks
,
name
=
'editpks'
),
...
...
@@ -33,6 +36,7 @@ urlpatterns = [
path
(
'edittr'
,
views
.
editpointtr
,
name
=
'edittr'
),
path
(
'editcb'
,
views
.
editpointcb
,
name
=
'editcb'
),
path
(
'saveeditspo'
,
views
.
editsearchpoint
,
name
=
'saveeditspo'
),
path
(
'rumahsakit'
,
views
.
editrumahsakit
,
name
=
'rumahsakit'
),
path
(
'cagarbudaya'
,
views
.
editcagarbudaya
,
name
=
'cagarbudaya'
),
path
(
'kantor'
,
views
.
editkantoradmin
,
name
=
'kantor'
),
...
...
API/views.py
View file @
0ee76cde
...
...
@@ -272,6 +272,50 @@ def editpoly(request):
return
Response
(
build
[
0
][
0
])
@
api_view
((
'GET'
,))
@
renderer_classes
((
TemplateHTMLRenderer
,
JSONRenderer
))
def
editpointsearch
(
request
):
if
request
.
method
==
'GET'
:
id_point
=
request
.
GET
.
get
(
"id_point"
)
db_point
=
request
.
GET
.
get
(
"db_point"
)
if
(
db_point
==
"geo_cagar_budaya"
or
db_point
==
"geo_terminal_bus"
):
l
=
"a.luas"
else
:
l
=
"a.luas_tanah"
print
(
id_point
,
db_point
,
l
)
with
conn
.
cursor
()
as
buldings
:
buldings
.
execute
(
"""SELECT
json_build_object (
'type',
'Feature',
'administrasi',
(
a.id,
A.namobj,
A.remark,
A.alamat,
A.gambar,
A.perangkat,
A.tipe_gambar,
b.kabupaten,
c.kecamatan,
d.desa,
%
s
),
'geometry',
ST_AsGeoJSON ( A.geom :: geometry ) :: json
)
FROM
%
s A
JOIN geo_prov_kab b ON st_intersects ( A.geom, b.geom )
JOIN geo_data_kecamatan c ON st_intersects(A.geom, c.geom)
join geo_data_kelurahan d on st_intersects(A.geom, d.geom)
WHERE a.is_deleted = 0 and a.id =
%
s"""
%
(
l
,
db_point
,
int
(
id_point
)))
build
=
buldings
.
fetchall
()
return
Response
(
build
[
0
][
0
])
@
api_view
((
'GET'
,))
@
renderer_classes
((
TemplateHTMLRenderer
,
JSONRenderer
))
def
editpointka
(
request
):
...
...
@@ -1644,7 +1688,67 @@ def valideditkependudukan(request):
data
=
data_kependuduk
[
0
]
return
Response
(
respon
)
@
api_view
((
'POST'
,))
def
editsearchpoint
(
request
):
idsave
=
request
.
POST
.
get
(
'idspo'
)
dbsave
=
request
.
POST
.
get
(
'dbspo'
)
namobj
=
request
.
POST
.
get
(
'namobj'
)
luas
=
request
.
POST
.
get
(
'luas'
)
remark
=
request
.
POST
.
get
(
'remark'
)
gambar
=
request
.
POST
.
get
(
'gambar'
)
alamat
=
request
.
POST
.
get
(
'alamat'
)
if
(
dbsave
==
"geo_cagar_budaya"
or
dbsave
==
"geo_terminal_bus"
):
l
=
"luas"
else
:
l
=
"luas_tanah"
if
alamat
is
None
:
alamat
=
'alamat'
elif
alamat
==
''
:
alamat
=
'alamat'
else
:
alamat
=
request
.
POST
.
get
(
'alamat'
)
perangkat
=
request
.
POST
.
get
(
'perangkat'
)
if
perangkat
is
None
:
perangkat
=
'bpk'
elif
perangkat
==
''
:
perangkat
=
'bpk'
else
:
perangkat
=
request
.
POST
.
get
(
'perangkat'
)
point
=
request
.
POST
.
get
(
"point"
)
cood_edit
=
json
.
loads
(
point
)
co_edit
=
cood_edit
[
'geometry'
][
'coordinates'
]
file
=
request
.
FILES
.
get
(
'file'
)
fss
=
FileSystemStorage
(
location
=
'/var/www/django/oku.khansia.co.id/static/img/image/'
)
try
:
format
=
(
file
.
name
)
.
split
(
"."
)
num
=
random
.
randrange
(
1
,
10000000000000
)
namafile
=
f
"{namobj}_{num}.{format[-1:][0]}"
filename
=
fss
.
save
(
namafile
,
file
)
# print(file.name)
url
=
fss
.
url
(
filename
)
except
:
namafile
=
gambar
print
(
dbsave
,
co_edit
,
namobj
,
alamat
,
remark
,
l
,
luas
,
perangkat
,
namafile
,
idsave
)
with
conn
.
cursor
()
as
editspo
:
editspo
.
execute
(
"""update
%
s set geom = st_geomfromgeojson('{"type":"Point", "coordinates":
%
s, "crs":{"type":"name","properties":{"name":"EPSG:4326"}}}'), namobj = '
%
s', alamat = '
%
s', remark = '
%
s',
%
s = '
%
s', perangkat = '
%
s', gambar = '
%
s' where id =
%
s"""
%
(
dbsave
,
co_edit
,
namobj
,
alamat
,
remark
,
l
,
luas
,
perangkat
,
namafile
,
idsave
))
conn
.
commit
()
with
conn
.
cursor
()
as
hasiledit
:
hasiledit
.
execute
(
"""select namobj, alamat, remark,
%
s, gambar, perangkat from
%
s where id =
%
s"""
%
(
l
,
dbsave
,
idsave
))
hasileditspo
=
hasiledit
.
fetchall
()
data
=
hasileditspo
[
0
]
data
=
{
'status'
:
'Success'
}
data
=
'SUCCESS'
info
=
'data telah diperbaharui'
status
=
0
respon
=
{
'data'
:
data
,
'info'
:
info
,
'status'
:
status
}
return
Response
(
respon
)
@
api_view
((
'POST'
,))
def
editrumahsakit
(
request
):
...
...
templates/includes/js-m.html
View file @
0ee76cde
...
...
@@ -4448,6 +4448,7 @@
var
gardu_listrik
=
"
{{ gardu_listrik }}
"
.
replace
(
/'/g
,
'
"
'
);
var
result_gardu_listrik
=
JSON
.
parse
(
""
+
gardu_listrik
+
""
)
console
.
log
(
result_gardu_listrik
)
var
geo_po_gardu_listrik
=
L
.
geoJson
(
null
,
{
pointToLayer
:
function
(
feature
,
latlng
)
{
...
...
@@ -8023,7 +8024,7 @@
var
map_bang
=
new
L
.
map
(
'
map-insert-renov-bang
'
,
{
editable
:
false
,
zoomControl
:
false
,
drawControl
:
tru
e
drawControl
:
fals
e
}).
setView
([
-
2
,
118
],
5
);
mapssx
=
L
.
tileLayer
(
'
https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}
'
,
{
...
...
templates/includes/js-o.html
View file @
0ee76cde
...
...
@@ -1313,6 +1313,18 @@
polygon_edit_tuplah
=
L
.
polygon
(
list_poly_edit
).
addTo
(
map_edit_tuplah
)
polygon_edit_tuplah
.
enableEdit
();
$
(
'
#btn_ceklwas
'
).
click
(
function
()
{
var
hasil
=
(
JSON
.
stringify
(
polygon_edit_tuplah
.
toGeoJSON
()))
var
seeArea
=
L
.
GeometryUtil
.
geodesicArea
(
polygon_edit_tuplah
.
getLatLngs
()[
0
]);
var
fixarea
=
seeArea
.
toFixed
(
3
)
var
separ
=
fixarea
.
toString
().
split
(
"
.
"
);
var
areacom
=
separ
.
replace
(
/
\B(?=(\d{3})
+
(?!\d))
/g
,
"
,
"
);
separ
.
join
(
"
.
"
);
$
(
"
#luas_tuplah_edit
"
).
val
(
fixarea
);
})
$
(
'
#btnsavetuplah
'
).
click
(
function
()
{
var
hasil
=
(
JSON
.
stringify
(
polygon_edit_tuplah
.
toGeoJSON
()))
$
(
"
#coordinatetuplah
"
).
val
(
hasil
);
...
...
@@ -1329,10 +1341,11 @@
}
},
})
});
// $(document).on("click", "#btnsavetuplah", function() {
});
// });
$
(
document
).
on
(
"
click
"
,
"
#btnsavetuplah
"
,
function
()
{
var
id_poly
=
$
(
'
#idtuplah
'
).
val
();
...
...
@@ -3850,6 +3863,53 @@
Poly
=
lay
;
});
$
(
"
#tipe_point_b
"
).
change
(
function
()
{
var
tipe
=
$
(
this
).
val
();
$
.
ajax
({
url
:
"
{% url 'api:change-tipe' %}
"
,
data
:
{
'
tipe
'
:
tipe
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
var
data_all_kab
=
[]
for
(
var
i
=
0
;
i
<
data
[
'
result
'
].
length
;
i
++
)
{
var
data_k
=
data
[
'
result
'
][
i
][
0
];
console
.
log
(
data_k
)
var
data_kab
=
`<option value="`
+
data_k
+
`">`
+
data_k
+
`</option>`
;
data_all_kab
.
push
(
data_kab
)
};
$
(
'
#tipe_point_2_b
'
).
html
(
`<option value="null" selected disabled>-- Pilih Tipe Point --</option>`
+
data_all_kab
);
$
(
'
#tipe_point_3_b
'
).
html
(
`<option value="null" selected disabled>-- Pilih Point --</option>`
);
}
});
});
$
(
"
#tipe_point_2_b
"
).
change
(
function
()
{
var
jenis
=
$
(
this
).
val
();
var
tipx
=
$
(
"
#tipe_point_b
"
).
val
();
$
.
ajax
({
url
:
"
{% url 'api:change-jenis' %}
"
,
data
:
{
'
tipe
'
:
tipx
,
'
jenis
'
:
jenis
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
console
.
log
(
data
)
var
data_all_kab
=
[]
for
(
var
i
=
0
;
i
<
data
[
'
result
'
].
length
;
i
++
)
{
var
data_id
=
data
[
'
result
'
][
i
][
0
];
var
data_po
=
data
[
'
result
'
][
i
][
1
];
var
data_kab
=
`<option value="`
+
data_id
+
`">`
+
data_po
+
`</option>`
;
data_all_kab
.
push
(
data_kab
)
};
$
(
'
#tipe_point_3_b
'
).
html
(
`<option value="null" selected disabled>-- Pilih Point --</option>`
+
data_all_kab
);
}
});
});
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div
"
).
css
(
"
display
"
,
"
none
"
)
});
...
...
@@ -4181,14 +4241,6 @@
$
(
"
#modal_point
"
).
modal
()
map
.
closePopup
();
});
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div
"
).
css
(
"
display
"
,
"
none
"
)
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-right
"
).
css
(
"
display
"
,
"
none
"
)
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(1) > div > div > a.leaflet-draw-draw-polyline
"
).
css
(
"
display
"
,
"
none
"
)
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div > a.leaflet-draw-draw-marker
"
).
css
(
"
display
"
,
"
block!important
"
)
})
$
(
"
#tipe_point
"
).
change
(
function
()
{
var
tipe
=
$
(
this
).
val
();
...
...
@@ -4216,54 +4268,14 @@
});
});
$
(
"
#tipe_point_b
"
).
change
(
function
()
{
var
tipe
=
$
(
this
).
val
();
$
.
ajax
({
url
:
"
{% url 'api:change-tipe' %}
"
,
data
:
{
'
tipe
'
:
tipe
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
var
data_all_kab
=
[]
for
(
var
i
=
0
;
i
<
data
[
'
result
'
].
length
;
i
++
)
{
var
data_k
=
data
[
'
result
'
][
i
][
0
];
console
.
log
(
data_k
)
var
data_kab
=
`<option value="`
+
data_k
+
`">`
+
data_k
+
`</option>`
;
data_all_kab
.
push
(
data_kab
)
};
$
(
'
#tipe_point_2_b
'
).
html
(
`<option value="null" selected disabled>-- Pilih Tipe Point --</option>`
+
data_all_kab
);
}
});
});
$
(
"
#tipe_point_2_b
"
).
change
(
function
()
{
var
jenis
=
$
(
this
).
val
();
var
tipx
=
$
(
"
#tipe_point_b
"
).
val
();
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div
"
).
css
(
"
display
"
,
"
none
"
)
$
.
ajax
({
url
:
"
{% url 'api:change-jenis' %}
"
,
data
:
{
'
tipe
'
:
tipx
,
'
jenis
'
:
jenis
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
console
.
log
(
data
)
var
data_all_kab
=
[]
for
(
var
i
=
0
;
i
<
data
[
'
result
'
].
length
;
i
++
)
{
var
data_id
=
data
[
'
result
'
][
i
][
0
];
var
data_po
=
data
[
'
result
'
][
i
][
1
];
var
data_kab
=
`<option value="`
+
data_id
+
`">`
+
data_po
+
`</option>`
;
data_all_kab
.
push
(
data_kab
)
};
$
(
'
#tipe_point_3_b
'
).
html
(
`<option value="null" selected disabled>-- Pilih Point --</option>`
+
data_all_kab
);
}
});
});
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-right
"
).
css
(
"
display
"
,
"
none
"
)
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(1) > div > div > a.leaflet-draw-draw-polyline
"
).
css
(
"
display
"
,
"
none
"
)
$
(
"
#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div > a.leaflet-draw-draw-marker
"
).
css
(
"
display
"
,
"
block!important
"
)
})
});
$
(
document
).
on
(
"
click
"
,
"
#create_save_jalan
"
,
function
(
e
)
{
...
...
templates/includes/modal.html
View file @
0ee76cde
...
...
@@ -298,7 +298,14 @@
Luas
</th>
<td>
<input
id=
"luas_tuplah_edit"
type=
"text"
class=
"form-control"
value=
""
style=
"width:fit-content;"
disabled
>
<input
id=
"luas_tuplah_edit"
type=
"text"
class=
"form-control"
value=
""
disabled
>
</td>
<td>
<button
type=
"submit"
id=
"btn_ceklwas"
class=
"btn btn-primary"
title=
"Check Luas"
style=
"border-radius: 0px 10px 10px 0px;
outline: none;
background: linear-gradient(
201.55deg
, #72BBFF -24.21%, #3D5CCA 130.65%);"
><i
class=
"icon-search4 text-muted text-size-base"
style=
"color: white;"
></i></button>
</td>
</tr>
<tr>
...
...
@@ -645,7 +652,7 @@
<div
class=
"col-md-4 text-center"
>
<a
href=
"#"
class=
"btn btn_create_lahan"
>
<div>
<img
src=
"{% static 'img/icon-1/
Vectorpoint
.svg' %}"
alt=
""
style=
"width: 35px;
<img
src=
"{% static 'img/icon-1/
SquareHalflahan
.svg' %}"
alt=
""
style=
"width: 35px;
height: 35px;"
>
</div>
<div
style=
"margin-top: 10px;"
>
...
...
templates/layout/layout.html
View file @
0ee76cde
...
...
@@ -491,7 +491,380 @@
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
var
geocodeService
=
L
.
esri
.
Geocoding
.
geocodeService
();
var
geocoderNominatim
=
new
L
.
Control
.
Geocoder
.
Nominatim
();
var
dapoin
=
[
data
[
0
][
0
][
'
geometry
'
][
'
coordinates
'
][
1
],
data
[
0
][
0
][
'
geometry
'
][
'
coordinates
'
][
0
]]
console
.
log
(
data
[
0
])
// map.setView([data[0]['geometry']['coordinates'][0][0][0][1], data[0]['geometry']['coordinates'][0][0][0][0]], 19);
// var result_point = JSON.parse("" + data + "")
// console.log(result_point)
var
geo_point
=
L
.
geoJson
(
null
,
{
pointToLayer
:
function
(
feature
,
latlng
)
{
// var smallIcon = new L.Icon({
// iconSize: [25, 25],
// iconAnchor: [13, 27],
// popupAnchor: [1, -24],
// iconUrl: 'static/img/icon/loc.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// });
var
marker
=
L
.
marker
(
latlng
,
{
// icon: smallIcon
});
conten
=
`
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/`
+
feature
.
administrasi
.
f8
+
`" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p>
`
+
feature
.
administrasi
.
f1
+
`
</p>
</div>
</div>
</div>
`
;
marker
.
bindTooltip
(
conten
,
{
permanent
:
false
,
className
:
"
my-label
"
,
direction
:
'
top
'
,
offset
:
[
0
,
-
25
]
});
return
marker
},
onEachFeature
:
function
(
feature
,
layer
)
{
layer
.
on
({
click
:
function
(
e
)
{
$
(
"
#modal_detail_non_kelurahan
"
).
modal
(
'
show
'
);
var
tay
;
// var geocodeService = L.esri.Geocoding.geocodeService();
// var geocoderNominatim = new L.Control.Geocoder.Nominatim();
var
geogeo
=
geocodeService
.
reverse
().
latlng
(
e
.
latlng
).
run
(
function
(
error
,
result
)
{
tay
=
result
.
address
.
Address
;
// aladije(result.address.Address)
if
(
feature
.
administrasi
.
f3
==
'
alamat
'
)
{
if
(
tay
!=
''
)
{
var
alamak
=
tay
;
}
else
{
alamak
=
""
}
}
else
{
var
alamak
=
feature
.
administrasi
.
f3
;
}
if
(
feature
.
administrasi
.
f10
==
'
bpk
'
)
{
var
raja
=
""
;
}
else
{
var
raja
=
feature
.
administrasi
.
f10
;
}
content_edit_point
=
`
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info" >
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">×</button>
<h6 class="modal-title">Edit Point</h6>
</div>
<div class="tab-pane has-padding" id="panel-tab2">
<div class="tab-pane" id="bottom-justified-data">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#right-tab2-feas-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#left-tab1-feas-upli" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="file" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar" type="text" class="form-control" value="`
+
feature
.
administrasi
.
f8
+
`"required>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idpo" type="text" class="form-control" value="`
+
feature
.
administrasi
.
f15
+
`"required>
<input style="display:none;" id="coordinateZoneeditpo" type="text" class="form-control" value=""required>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj" type="text" class="form-control" value="`
+
feature
.
administrasi
.
f1
+
`"required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<select id="remark" style="margin-top: 15px;">
<option>`
+
feature
.
administrasi
.
f2
+
`</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<div class="col-lg-4">
<input id="alamat" type="text" class="form-control" value="`
+
alamak
+
`"required>
</div>
<div class="col-lg-4" style="margin-top: 15px;">`
+
feature
.
administrasi
.
f14
+
`, `
+
feature
.
administrasi
.
f13
+
`</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah" type="text" class="form-control" value="`
+
feature
.
administrasi
.
f5
+
`"required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah" style="margin-top: 15px;">
<option>m2</option>
<option>Km2</option>
<option>Hektar</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Pemimpin</label>
<div class="col-lg-9">
<input id="perangkat" type="text" class="form-control" value="`
+
raja
+
`"required>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="saveeditspo">Save changes</button>
</div>
</div>
</div>`
if
(
feature
.
administrasi
.
f8
==
'
None
'
)
{
var
gmb
=
"
static/img/image_null.png
"
;
}
else
{
var
gmb
=
"
static/img/image/
"
+
feature
.
administrasi
.
f8
;
}
$
(
"
.gambar_keterangan
"
).
html
(
`<img src="`
+
gmb
+
`" alt="" style="width:100%;height:240px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;">`
)
$
(
"
.nama_keterangan
"
).
html
(
`<div>
<span style="font-size: large;">
`
+
feature
.
administrasi
.
f1
+
`
</span>
</div>
<div>
<span>
`
+
alamak
+
`, `
+
feature
.
administrasi
.
f14
+
`, `
+
feature
.
administrasi
.
f13
+
`, `
+
feature
.
administrasi
.
f12
+
`
</span>
</div>
`
)
$
(
"
.isi_keterangan
"
).
html
(
`<input type="text" name="idjalan" id="idjalan" class="hidden" value="">
<input type="text" name="coordinatejalan" id="coordinatejalan" class="hidden" value="">
<div>
<div>
<span>Jenis Bangunan</span>
</div>
<div>
<span>
`
+
feature
.
administrasi
.
f2
+
`
</span>
</div>
</div>
<div>
<div>
<span>Luas</span>
</div>
<div>
<span style="font-family: 'Roboto';">`
+
feature
.
administrasi
.
f5
+
` m</span>
</div>
</div>
<div>
<div>
<span>Pimpinan</span>
</div>
<div>
<span>`
+
raja
+
`</span>
</div>
</div>`
);
$
(
"
.btn_action
"
).
html
(
`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_point" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
`
)
$
(
"
#modal_adm
"
).
html
(
content_edit_point
)
panel_samp
();
})
hidelegend
();
}
})
}
});
function
geo_json_point
(
data
)
{
geo_point
.
addData
(
data
)
}
geo_json_point
(
data
[
0
])
geo_point
.
addTo
(
map
);
map
.
setView
([
data
[
0
][
0
][
'
geometry
'
][
'
coordinates
'
][
1
],
data
[
0
][
0
][
'
geometry
'
][
'
coordinates
'
][
0
]],
19
);
$
(
document
).
on
(
"
click
"
,
"
#btn_search_spes
"
,
function
()
{
geo_point
.
clearLayers
()
geo_point
.
remove
()
});
// $.ajax({
// url: "{% url 'api:search_lanjut' %}",
// data: {
// 'type': dar,
// 'idx': idm,
// 'db': db
// },
// dataType: 'json',
// success: function(data) {
// console.log(data)
// dapoin = [data[0][0]['geometry']['coordinates'][1], data[0][0]['geometry']['coordinates'][0]]
// // var poinin = L.marker(dapoin).addTo(map)
// geo_json_point(dapoin)
// }
// });
$
(
document
).
on
(
"
click
"
,
"
#btn_edit_point
"
,
function
()
{
var
map_edit
=
L
.
map
(
'
map-for-edit
'
,
{
editable
:
true
,
zoomControl
:
false
,
drawControl
:
true
}).
setView
([
-
2
,
118
],
5
);
mapss
=
L
.
tileLayer
(
'
https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}
'
,
{
maxZoom
:
22
,
minZoom
:
4
,
}).
addTo
(
map_edit
);
var
idspo
=
idm
var
dbspo
=
db
loaderPage
(
false
);
$
.
ajax
({
url
:
"
{% url 'api:editspo' %}
"
,
data
:
{
'
id_point
'
:
idspo
,
'
db_point
'
:
dbspo
},
dataType
:
'
json
'
,
success
:
function
(
data
)
{
loaderPage
(
false
);
setTimeout
(
function
()
{
map_edit
.
invalidateSize
();
},
1000
);
// map_edit.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
map_edit
.
setView
([
data
[
'
geometry
'
][
'
coordinates
'
][
1
],
data
[
'
geometry
'
][
'
coordinates
'
][
0
]],
19
);
let
dapoin
=
[
data
[
'
geometry
'
][
'
coordinates
'
][
1
],
data
[
'
geometry
'
][
'
coordinates
'
][
0
]]
var
poinin
=
L
.
marker
(
dapoin
).
addTo
(
map_edit
)
poinin
.
enableEdit
();
$
(
'
#saveeditspo
'
).
click
(
function
()
{
var
hasil
=
(
JSON
.
stringify
(
poinin
.
toGeoJSON
()))
$
(
"
#coordinateZoneeditpo
"
).
val
(
hasil
);
})
}
})
});
$
(
document
).
on
(
"
click
"
,
"
#saveeditspo
"
,
function
()
{
var
idspo
=
$
(
'
#idpo
'
).
val
();
var
poi
=
$
(
'
#coordinateZoneeditpo
'
).
val
();
var
dbsave
=
db
var
data
=
new
FormData
();
data
.
append
(
"
file
"
,
$
(
"
input[id^='file']
"
)[
0
].
files
[
0
]);
data
.
append
(
"
csrfmiddlewaretoken
"
,
"
{{ csrf_token }}
"
);
data
.
append
(
'
idspo
'
,
idspo
)
data
.
append
(
'
namobj
'
,
$
(
'
#namobj
'
).
val
())
data
.
append
(
'
remark
'
,
$
(
'
#remark
'
).
val
())
data
.
append
(
'
luas
'
,
$
(
'
#luas_tanah
'
).
val
())
data
.
append
(
'
alamat
'
,
$
(
'
#alamat
'
).
val
())
data
.
append
(
'
perangkat
'
,
$
(
'
#perangkat
'
).
val
())
data
.
append
(
'
point
'
,
poi
),
data
.
append
(
'
gambar
'
,
$
(
'
#gambar
'
).
val
()),
data
.
append
(
'
dbspo
'
,
dbsave
)
console
.
log
(
data
)
$
.
ajax
({
url
:
"
{% url 'api:saveeditspo' %}
"
,
data
:
data
,
dataType
:
'
json
'
,
type
:
'
POST
'
,
processData
:
false
,
contentType
:
false
,
success
:
function
(
data
)
{
let
response
=
data
if
(
response
.
status
==
0
)
{
swal
({
title
:
response
.
info
,
text
:
response
.
data
,
type
:
"
success
"
,
icon
:
"
success
"
,
confirmButtonColor
:
"
#00BCD4
"
},
function
()
{
$
(
"
#modal_adm
"
).
modal
(
'
hide
'
);
$
(
"
#modal_detail_non_kelurahan
"
).
modal
(
'
hide
'
)
//location.reload();
})
}
else
{
swal
({
title
:
'
Error
'
,
text
:
'
Hubungi Developer
'
,
type
:
"
warning
"
,
icon
:
"
error
"
,
confirmButtonColor
:
"
#00BCD4
"
})
}
//location.reload()
}
})
});
}
});
...
...
@@ -1091,33 +1464,8 @@
$
(
"
#input_perbaikan_bang-s
"
).
html
(
content_inp_his_bang
);
panel_samp
();
});
// $("#tipe_point_b_e").val('feature.administrasi.f11').change();
// $('#tipe_point_b_e').val(feature.properties.f11).attr('selected','selected');
// $('#tipe_point_b_e option[value=bangunan]').attr('selected','selected');
// $('#idbangunan').val(feature.properties.f1);
// $('#namebangunan').val(feature.properties.f2);
// $('#infobangunan').val(feature.properties.f3);
// $('#nmkelurahan').val(feature.administrasi.f1);
// $('#nmkecamatan').val(feature.administrasi.f2);
// $('#nmkabkota').val(feature.administrasi.f3);
// $('#nmprovinsi').val(feature.administrasi.f4);
// $('#luasbangunan').val(feature.administrasi.f6);
// $('#luastanah').val(feature.administrasi.f7);
// $('#tinggibangunan').val(feature.administrasi.f8);
// $('#pemilik').val(feature.administrasi.f10);
// $('#gambar').val(feature.administrasi.f9);
// $("#coordinatebangunan").val(feature.geometry);
$
(
"
#panel-samping
"
).
css
(
"
display
"
,
"
block
"
);
$
(
"
#button_hide_panel
"
).
css
(
"
display
"
,
"
block
"
);
// $('#idbangunanhps').val(feature.properties.f1);
// $('#namebangunanhps').val(feature.properties.f2);
// $('#infobangunanhps').val(feature.properties.f3);
panel_samp
()
}
});
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment