demo open layer 2
Upcoming SlideShare
Loading in...5
×
 

demo open layer 2

on

  • 2,151 views

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

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

Statistics

Views

Total Views
2,151
Slideshare-icon Views on SlideShare
2,150
Embed Views
1

Actions

Likes
0
Downloads
86
Comments
0

1 Embed 1

http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    demo open layer 2 demo open layer 2 Presentation Transcript

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