Tampilkan postingan dengan label GIS. Tampilkan semua postingan
Tampilkan postingan dengan label GIS. Tampilkan semua postingan

Minggu, 04 Mei 2014

Mendapatkan Lokasi GPS Pengunjung Web dan Menampilkan Lokasi Latitude Longitude dari Web Browser di Google Map

Mendapatkan Lokasi GPS Pengunjung Web dan Menampilkan Lokasi Latitude Longitude dari Web Browser di Google Map
Kadang kita ingin Mendapatkan Lokasi GPS Pengunjung Web dan Menampilkan Lokasi Latitude Longitude dari Web Browser di Google Map. Atau lokasi tempat pengunjung membuka browser web tersebut akan digunakan untuk kepentingan lain juga bisa, misalnya untuk kebutuhan statistik marketing, kebutuhan perusahaan dan sebagainya. Kali ini coba kita dapatkan lokasi GPS pengunjung dari Browser Web yang digunakan oleh pengguna, lebih khusus lagi Web Browser yang sudah mendukung Navigator Geolocation yang merupakan fitur atau fasilitas dari standar HTML 5.

Aplikasi web yang akan dibuat berguna untuk menampilkan lokasi latitude longitude pengunjung web sehingga tampak di peta Google Map. Kode program halaman HTML dan Javascriptnya sebagai berikut, dalam hal ini penulis beri nama google-map-get-location.html :

Rabu, 05 Juni 2013

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map
Aplikasi Web Peta OpenLayers untuk Menampilkan Bing Map dari Microsoft. Setelah mempelajari cara Menampilkan Peta YahooMap di OpenLayers dan GoogleMap di OpenLayers. Belum lengkap rasanya jika belum mencoba Peta buatan Microsoft yaitu BingMap untuk ditampilkan di OpenLayers. Karena selain lengkap, peta ini juga tidak kalah canggih dari GoogleMap.

Seperti sebelum-sebelumnya, agar script di bawah ini dapat dijalankan, silakan download dan install OpenLayers, dari sini. Bagi yang belum pernah bisa membaca dahulu dari artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML openlayers-bing-map.html :

Minggu, 02 Juni 2013

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map

Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map
Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map. Setelah berhasil menampilkan Peta GoogleMap dengan OpenLayers, coba kita pelajari teknik menampilkan Peta Web dari Yahoo ini. Memang tidak sepopuler GoogleMap tetapi cukup berkualitas juga.

Seperti diterangkan sebelumnya, agar script di bawah ini dapat dijalankan, silakan mendownload dan menginstall OpenLayers, dari sini. Bagi yang belum paham bisa membaca dahulu artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML openlayers-yahoo-map.html :

Selasa, 28 Mei 2013

Membuat Web Peta OpenLayers untuk Menampilkan GoogleMap

Web Peta OpenLayers untuk Menampilkan GoogleMapKali ini kita buat Aplikasi Web Peta OpenLayers untuk Menampilkan GoogleMap. Sedangkan Web Google Map yang kita gunakan kali ini yang versi terbaru dahulu yaitu GoogleMap v3 Versi Web.

Seperti pernah diterangkan sebelumnya, agar script di bawah ini dapat dijalankan, anda harus mendownload dan menginstall OpenLayers, dari sini. Ada baiknya yang belum paham bisa membaca dahulu artikel Mengenal OpenLayers berikut ini.

Buatlah file HTML Javascript dengan nama googlemap-v3.html :

Sabtu, 25 Mei 2013

Mengenal OpenLayers, Peta Web Online yang Gratis dan Open Source

OpenLayers Peta Web Online yang Gratis dan Open SourceOpenLayers adalah Web Pemetaan Online yang Gratis dan OpenSource. Seperti diterangkan dalam website resminya, OpenLayers adalah library javascript yang digunakan untuk menampilkan data peta di web. Artinya OpenLayers mampu menampilkan sumber peta dari GoogleMap, BingMap, YahooMap dan Server Peta Gratis yang berbasis WMS (World Map Server). OpenLayers tidak membutuhkan dependecies atau ketergantungan dengan Server, artinya jika suatu saat ada Sumber Peta misalnya Bing Map atau Google Map yang berbayar ditutup, maka kita tidak perlu khawatir, OpenLayers mampu diubah agar mengambil sumber peta dari Map Server (Provider Peta) yang lain.

Keuntungan terbesar kita sebagai Programmer atau Developer Web ketika memakai OpenLayers yang bersifat OpenSource dan Free sangat banyak, antara lain :

Kamis, 05 Juli 2012

Menggambar / Draw Line (Garis) pada Google Map


Selanjutnya setelah kita berhasil bisa menampilkan peta Google Map pada Web atau Blog dan Mencari Koordinat Suatu Titik Beserta Alamatnya serta Menggambar / Draw Circle (Lingkaran) pada Google Map. Sekarang saatnya menggambar Garis / Polyline yang melewati beberapa titik dengan ketebalan tertentu.

Di bawah ini adalah contoh area bahaya aliran lahar dingin pada sungai-sungai yang berada di sekitar Letusan Gunung Merapi :




Kode Program nya di bawah ini :

Menggambar / Draw Circle (Lingkaran) pada Google Map (Pemrograman Web)

Sebelumnya kita sudah bisa menampilkan peta Google Map pada Web atau Blog dan Mencari Koordinat Suatu Titik Beserta Alamatnya. Nah sekarang bagaimana kita bisa menampilkan atau menggambar lingkaran pada peta yang sudah tampil tersebut. Misal untuk menggambar area atau radius dari suatu titik.

Di bawah ini adalah contoh radius area Letusan Gunung Merapi :




Kode Programnya di bawah ini :

Selasa, 15 Mei 2012

Mencari, Search dan Zoom Objek Peta MapInfo pada VB 6.0

Untuk program yang dibuat menggunakan VB 6.0 dan MapInfo, dapat diberikan fasilitas untuk pencarian titik di peta yang kemudian diikuti dengan zooming ke area yang dicari tersebut. Berikut ini kode programnya :

    Me.mapinfo.Do "Find using jalankotayogya(nama_jalan)"
    Me.mapinfo.Do "Find """ & Cari & """"

If (Val(mapinfo.eval("CommandInfo(3)")) >= 1) Then
        mapinfo.Do "Set Map Window " & mapid & " Center (CommandInfo(1), CommandInfo(2)) Zoom 0.35"

Harap maklum jika sedikit membingugkan, ini catatan pribadi penulis untuk digunakan dan di-share di saat dibutuhkan.

Kamis, 10 Mei 2012

Menampilkan Data Tabel dari Peta MapInfo di VB 6.0

Untuk menampilkan data yang ada pada Tabel Data Peta MapInfo ke dalam aplikasi Visual Basic dapat dilakukan dengan kode program berikut :

    mapinfo.Do "Run application """ + CariAppDir + "skripsiku1.wor" + """"
    mapinfo.Do "select nama_jalan from jalankotayogya into TEMP_WORK"
 
    nRows = Val(mapinfo.eval("tableinfo(TEMP_WORK, " + Str$(TAB_INFO_NROWS) + ")"))
    mapinfo.Do "fetch first from temp_work" 'move first
    For i = 1 To nRows 'isian list jalan > FCariJalan
        Me.Combo1.AddItem mapinfo.eval("temp_work.nama_jalan")
        mapinfo.Do "fetch next from temp_work" 'move next
    Next
    mapinfo.Do "close table temp_work"
    mapinfo.Do "close table selection"

Maaf jika kurang jelas, kode program ini adalah catatan pribadi penulis, penting untuk bisa diakses ketika dibutuhkan.

Selasa, 08 Mei 2012

Menampilkan Peta MapInfo di Visual Basic 6.0

Format peta GIS ada berbagai macam antara lain SHP (ArcView) dan MapInfo. Untuk SHP (ArcView) bisa ditampilkan ke Visual Basic 6.0, Delphi maupun VB.NET menggunakan MapObject, sedangkan untuk MapInfo bisa ditampilkan di VB 6.0 menggunakan MapBasic. Dengan cara tambahkan file MapBasic.bas. Kemudian peta MapInfo dapat ditampilkan dengan kode program berikut :

Option Explicit
'Dim konexi As New ADODB.Connection
Dim EditPeta As Boolean    'Cek fungsi ini
Dim pilihCari As String    'Cek fungsi ini
Public mapinfo As Object
Public mapid As Long
Public legendid As Long
Public CariAppDir As String
'Dim rspengembang As New ADODB.Recordset
'Dim rsperumahan As New ADODB.Recordset
'Dim rstipe As New ADODB.Recordset


Private Sub Form_Load()

'DATA PETA
'Set konexi = New ADODB.Connection
'konexi.Provider = "microsoft.jet.oledb.4.0"
'konexi.CursorLocation = adUseClient
'konexi.Open "skripsi.mdb"
'E:\Dokumenku\Folderskripsi\peta Skripsi\
'*** Eksekusi awal program
Dim Direc, Embex As String
Dim szStr  As String
Dim tdkcreateobj  As Integer
Dim nRows As Integer
Dim i As Integer
Dim KirimTxt As String

'Start mapinfo,...

tdkcreateobj = False
'On Error GoTo cant_createApplicationObject
Set mapinfo = CreateObject("MapInfo.Application")
On Error GoTo 0

If tdkcreateobj Then
    'On Error GoTo cant_getApplicationObject
    Set mapinfo = CreateObject("MapInfo.Application")
On Error GoTo 0
End If

'*** Mencari directori kerja dari program...
CariAppDir = LCase(App.Path)
If (Right$(App.Path, 1) <> "\") Then
    CariAppDir = CariAppDir + "\"
End If


'** indikasi bahwa legendwindow belum dibuat.
legendid = 0

'** Inisialisasi Aplikasi program...
mapinfo.Do "Set Application Window " & Menut.mapview.hWnd

'** matikan help subsystem,..
mapinfo.Do "Set Window Help Off"

'** info tool dalam form.
mapinfo.Do "Set Window Info Parent " & Menut.hWnd

'** supaya info tidak bisa diubah
mapinfo.Do "Set Window Info default access"

'** ruler tool dalam form.
mapinfo.Do "Set Window Ruler Parent " & Menut.hWnd
mapinfo.Do "Set Window Message Parent " & Menut.hWnd
mapinfo.Do "Set Window Legend Parent " & Menut.hWnd

  If mapinfo.eval("SystemInfo(4)") = "T" Then
     mapinfo.Do "Create ButtonPad ID 3 As ToolButton Calling DDE ""skripsiku"",""menut"" Cursor 128 DrawMode 34 ID 101"
  
  Else
     mapinfo.Do "Alter ButtonPad ID 3 Add ToolButton Calling DDE ""skripsiku"",""menut"" Cursor 128 DrawMode 34 ID 101"
  
  End If
  
  '*** Proses Pembuatan Map Window
  mapinfo.Do "Set Next Document Parent " & mapview.hWnd & "Style 1"
  szStr = "Run Application """ + CariAppDir + "skripsiku1.wor" + """"
  mapinfo.Do szStr
  mapid = Val(mapinfo.eval("WindowID(0)"))
  

 '** grabber tool
  mapinfo.runmenucommand 1702
  
End Sub