OpenLayers dan OverLay
1. LATAR
BELAKANG
Pada pertemuan ke 10 Sistem Informasi Geografi dibahas
tentang OpenLayers dan OverLay. OpenLayers adalah sebuah library untuk
menempatkan peta. Sementara OverLay proses penempatan grafis suatu peta. Di bab
pembahasan akan dijelaskan tentang OpenLayers dan OverLay beserta contohnya.
2. PEMBAHASAN
a. OpenLayers Merupakan sebuah library javascript yang berguna untuk menampilkan data dari peta, bersifat opensource. Jadi dengan kata lain, OpenLayers dapat menampilkan peta dari berbagai sumber seperti GoogleMap ataupun sumber lainnya. Open layers juga dapat diubah untuk mendapatkan sumber peta dari MapServer lainnya.
Merupakan sebuah prosedur yang penting dalam Sistem Informasi Geografis. Overlay juga mampu menempatkan grafis suatu peta diatas grafis peta lainnya agar menghasilkan gabungan kedua peta yang memiliki informasi atribut dari kedua peta tersebut. Teknik overlay dalam sistem informasi geografis ada 2 yaitu gabungan (union) dan irisan (intersect).
<!DOCTYPE html>
<html>
<head>
<title>Overlay</title>
<link rel=”stylesheet”
href=”https://openlayers.org/en/v3.20.1/css/ol.css”
type=”text/css”>
<!– The line below is only needed for old
environments like Internet Explorer and Android 4.x –>
https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL
https://openlayers.org/en/v3.20.1/build/ol.js
https://code.jquery.com/jquery-2.2.3.min.js
<link rel=”stylesheet”
href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”>
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
<style>
#marker {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #FF3300;
opacity: 0.5;
}
#marker2 {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #FF3300;
opacity: 0.5;
}
#marker3 {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #FF3300;
opacity: 0.5;
}
#marker4 {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #FF3300;
opacity: 0.5;
}
#marker5 {
width: 20px;
height: 20px;
border: 1px solid #088;
border-radius: 10px;
background-color: #FF3300;
opacity: 0.5;
}
#bandung {
text-decoration: none;
color: black;
font-size: 11pt;
font-weight: bold;
text-shadow: white 0.1em 0.1em 0.2em;
}
#meulaboh {
text-decoration: none;
color: black;
font-size: 11pt;
font-weight: bold;
text-shadow: white 0.1em 0.1em 0.2em;
}
#tapaktuan {
text-decoration: none;
color: black;
font-size: 11pt;
font-weight: bold;
text-shadow: white 0.1em 0.1em 0.2em;
}
#binjai {
text-decoration: none;
color: black;
font-size: 11pt;
font-weight: bold;
text-shadow: white 0.1em 0.1em 0.2em;
}
#lhokseumawe {
text-decoration: none;
color: black;
font-size: 11pt;
font-weight: bold;
text-shadow: white 0.1em 0.1em 0.2em;
}
.popover-content {
min-width: 180px;
}
</style>
</head>
<body>
Hasil:
3. PENUTUP
a.
Kesimpulan : OpenLayers merupakan Library
JavaScript untuk menempatkan peta dinamis di halaman web, dan Overlay merupakan
proses penempatan grafis suatu peta diatas grafis peta lainnya agar
menghasilkan gabungan kedua peta yang memiliki informasi atribut dari kedua
peta tersebut. b. Saran : Agar mencari sumber lain yang lebih lengkap dan lebih mendalam membahas tentang OpenLayers dan Overlay.
URL Github: Sistem Informasi Geografis
- Nama : Rima Rizky Lestari
- NPM : 1144118
- Kelas : 3C
- Prodi : D4 Teknik Informatika
- Kampus : Politeknik Pos Indonesia
Plagiarisme:
0 komentar:
Posting Komentar