Your SlideShare is downloading. ×
0
Demo OpenLayer 2 Adi Triyatmoko, S.Kom Prak. Multimedia Spasial     Pertemuan Ke 3 Sistem Inform asi   Kamis , 3 Juni 2010
Tujuan <ul><li>Jenis-jenis Controls </li></ul><ul><li>Cara Menambah Controls </li></ul><ul><li>Membuat Popup </li></ul>Dem...
Sekilas Controls <ul><li>Controls adalah cara sebuah OpenLayer untuk berinteraksi dengan user </li></ul><ul><li>Terdapat 3...
Jenis-jenis Controls <ul><li>Navigation – makes the map draggable, provides the mouse and keyboard actions </li></ul><ul><...
Jenis-jenis controls <ul><li>Permalink – creates a hyperlink to current map view </li></ul><ul><li>ScaleLine - a small lin...
<ul><li>Navigation </li></ul>Demo OpenLayer 2   H alaman  PanZoom LayerSwitcher Permalink OverviewMap ScaleLine
Cara Menambah Controls <ul><li>map = new OpenLayers.Map('map', { </li></ul><ul><li>controls: [ </li></ul><ul><li>new OpenL...
Popup <ul><li>Popup adalah tampilan yang muncul karena user mengklik simbol didalam peta. </li></ul><ul><li>Isi popup ini ...
Demo Popup Demo OpenLayer 2   H alaman
Click Symbol Ballon Demo OpenLayer 2   H alaman
Cara menambahkan Popup <ul><li>var new = new OpenLayers.Layer.GeoRSS('Tourism Location', 'xml/tourism.xml'); </li></ul>Dem...
Isi File XML <ul><li><item> </li></ul><ul><li><link>http://platial.com/place/90306</link> </li></ul><ul><li><title>Senayan...
Terim a Kasih Informasi Lengkap:  My Blog Aladiw.us
Upcoming SlideShare
Loading in...5
×

demo open layer 2

1,988

Published on

Materi Kuliah praktikum multimedia spasial semester 4 sistem informasi uin syarif hidayatullah jakarta oleh Adi Triyatmoko, S.Kom untuk lebih lengkapnya lihat blog Http://aladiw.us

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,988
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
100
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "demo open layer 2"

  1. 1. Demo OpenLayer 2 Adi Triyatmoko, S.Kom Prak. Multimedia Spasial Pertemuan Ke 3 Sistem Inform asi Kamis , 3 Juni 2010
  2. 2. Tujuan <ul><li>Jenis-jenis Controls </li></ul><ul><li>Cara Menambah Controls </li></ul><ul><li>Membuat Popup </li></ul>Demo OpenLayer 2 H alaman
  3. 3. Sekilas Controls <ul><li>Controls adalah cara sebuah OpenLayer untuk berinteraksi dengan user </li></ul><ul><li>Terdapat 30 macam controls yang dapat digunakan. </li></ul><ul><li>Pada umumnya, hanya 10 macam </li></ul>Demo OpenLayer 2 H alaman
  4. 4. Jenis-jenis Controls <ul><li>Navigation – makes the map draggable, provides the mouse and keyboard actions </li></ul><ul><li>PanZoom – the default compact navigation controls </li></ul><ul><li>Attribution – a label usually displayed at the bottom right of the map that gives any appropriate copyright credits </li></ul><ul><li>LayerSwitcher – a pop-out control that allows the visible layers to be changed </li></ul><ul><li>PanZoomBar – extended version of the PanZoom control, giving an indication of zoom levels available </li></ul>Demo OpenLayer 2 H alaman
  5. 5. Jenis-jenis controls <ul><li>Permalink – creates a hyperlink to current map view </li></ul><ul><li>ScaleLine - a small line indicator representing the current map scale </li></ul><ul><li>NavigationHistory – allows the navigational history of the map to be replayed </li></ul><ul><li>OverviewMap </li></ul><ul><li>GetFeature/WMSGetFeatureInfo – interface to query the server for features under a click </li></ul>Demo OpenLayer 2 H alaman
  6. 6. <ul><li>Navigation </li></ul>Demo OpenLayer 2 H alaman PanZoom LayerSwitcher Permalink OverviewMap ScaleLine
  7. 7. Cara Menambah Controls <ul><li>map = new OpenLayers.Map('map', { </li></ul><ul><li>controls: [ </li></ul><ul><li>new OpenLayers.Control.Navigation(), </li></ul><ul><li>new OpenLayers.Control.PanZoomBar(), </li></ul><ul><li>new OpenLayers.Control.LayerSwitcher(), </li></ul><ul><li>new OpenLayers.Control.Permalink(), </li></ul><ul><li>new OpenLayers.Control.ScaleLine(), </li></ul><ul><li>new OpenLayers.Control.Permalink('permalink'), </li></ul><ul><li>new OpenLayers.Control.MousePosition(), </li></ul><ul><li>new OpenLayers.Control.OverviewMap(controlOptions), </li></ul><ul><li>new OpenLayers.Control.KeyboardDefaults() </li></ul><ul><li>], </li></ul><ul><li>}); </li></ul>Demo OpenLayer 2 H alaman
  8. 8. Popup <ul><li>Popup adalah tampilan yang muncul karena user mengklik simbol didalam peta. </li></ul><ul><li>Isi popup ini bisa berupa informasi tambahan mengenai data spasial yang terdapat dalam peta. </li></ul><ul><li>Isi data tersimpan ke dalam file XML </li></ul>Demo OpenLayer 2 H alaman
  9. 9. Demo Popup Demo OpenLayer 2 H alaman
  10. 10. Click Symbol Ballon Demo OpenLayer 2 H alaman
  11. 11. Cara menambahkan Popup <ul><li>var new = new OpenLayers.Layer.GeoRSS('Tourism Location', 'xml/tourism.xml'); </li></ul>Demo OpenLayer 2 H alaman
  12. 12. Isi File XML <ul><li><item> </li></ul><ul><li><link>http://platial.com/place/90306</link> </li></ul><ul><li><title>Senayan</title> </li></ul><ul><li><description><![CDATA[Senayan adalah kelurahan di kecamatan Kebayoran Baru, Jakarta Selatan, Jakarta, Indonesia. Kelurahan ini memiliki kode pos ... dengan kode wilayah 31.71.060.010. Kelurahan ini memiliki penduduk sebesar ... jiwa dan luas ... km2. Kelurahan ini berbatasan dengan ... di sebelah utara, ... di sebelah barat, ... di sebelah timur dan ... di sebelah selatan. ]]> </li></ul><ul><li></description> </li></ul><ul><li><georss:point>3,75 -44,75</georss:point> </li></ul><ul><li></item> </li></ul>Demo OpenLayer 2 H alaman
  13. 13. Terim a Kasih Informasi Lengkap: My Blog Aladiw.us
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×