Tuesday, February 26, 2013

Tutorial Video: Menampilkan Google Maps pada Asp.net c# di aplikasi Ur-Building


Peta merupakan gambaran permukaan bumi yang dilihat dari atas, peta membantu kita dalam menemukan sebuah tempat. Berdasarkan hal-hal tersebut lah aplikasi ur-building menggunakan peta, sehingga nantinnya diharapkan dapat  membantu pengguna sebagai referensi jika alamat tempat tersebut susah ditemukan. Google maps dijadikan pilihan karena ketersedia peta untuk wilayah indonesia sudah sangat lengkap. terutama kota2 besar di indonesia.

Berikut ini adalah langkah-langkah untuk menampilkan google maps pada asp.net c#:

1. Kita harus menyediakan library GMaps.dll terlebih dahulu
2. Setelah Library nya telah kita dapati, dan kita letakan di dalam project kita, maka selanjut nya adalah meregister gmaps library tersebut.
<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>

3. Kita harus menampilkannya dihalaman dengan menggunakan tags berikut

 

4. Kita harus menginclude kan header2 nya di fungsi cs nya.

using Subgurim.Controles;

5. Memanggil nama tempat dan meletakan nya di variabel streetaddress

///Baris program dibawah ini untuk menampilkan peta lokasi gedung///////
        string sStreetAddress = null;
        Subgurim.Controles.GeoCode GeoCode = default(Subgurim.Controles.GeoCode);
        sStreetAddress = nama_gedung.Text;//Mengisi lokasi gedung yang di ambil dari label nama_gedung
        GeoCode = GMap1.geoCodeRequest(sStreetAddress);//pass your city name in the geo code request it return geo code 
        Subgurim.Controles.GLatLng gLatLng = new Subgurim.Controles.GLatLng(GeoCode.Placemark.coordinates.lat, GeoCode.Placemark.coordinates.lng);//Add that geo code in
        GMap1.setCenter(gLatLng, 16, Subgurim.Controles.GMapType.GTypes.Normal);//Set center of map based on latitude and longitude coordinates
        Subgurim.Controles.GMarker oMarker = new Subgurim.Controles.GMarker(gLatLng);
        GMap1.addGMarker(oMarker);//Bind that marker data in google map

berikut adalah video tutorial nya:

0 comments:

Post a Comment