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 :
Tutorial Pemrograman dan Source Code, Android, Web, Mobile, Desktop, Database dan Software. Tutorial Pemrograman Android, Web, PHP, Javascript, VB.NET, C#, ASP.NET dan Java
Tampilkan postingan dengan label GIS. Tampilkan semua postingan
Tampilkan postingan dengan label GIS. Tampilkan semua postingan
Minggu, 04 Mei 2014
Rabu, 05 Juni 2013
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

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
Kali 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 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 :
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 :
Harap maklum jika sedikit membingugkan, ini catatan pribadi penulis untuk digunakan dan di-share di saat dibutuhkan.
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.
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
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
Langganan:
Postingan (Atom)
