Perfect World Online Pointer Belajar Google Maps ??
Alfaonline.com | Toko Online, Belanja Online & Belanja Murah                                                                                                                                                                                                                         Alfaonline.com | Toko Online, Belanja Online & Belanja Murah

Minggu, 24 Mei 2015

Belajar Google Maps ??

Hah?? gugel meps perlu dipelajarin?? yupss bagi seorang developer google maps bukan hanya sebuah aplikasi yang dapat dipakai saja sebagai pencari alamat, tempat atau hal hal lainnya. Google maps adalah sebuah permainan yang sangat menarik untuk di "oprek - oprek" alias dikembangkan sedemikian rupa sehingga menghasilkan sesuatu yang lebih dari sebelumnya..

Kali ini saya akan membagi beberapa informasi mengenai Google Maps API (bukan api panas ya :p tapi Application Programming Interface) yang dapat membantu developer menggunakan "hasil olahan" dari sang empunya aplikasi, embah gugel. Banyak yang bisa dilakukan oleh API ini dengan aplikasi maps, contoh sederhananya, dengan api ini kita dapat melihat lokasi dengan mengirimkan parameter longitude dan latitude suatu tempat, menambahkan point - point location tertentu dan kerennya, api ini dapat memberikan informasi tempat sekitar berdasarkan category tempat beserta informasi alamat serta tempat tersebut sudah tutup / masih buka. Hal ini lah yang saya pelajari untuk dapat menciptakan aplikasi Cafe In untuk windows 8.1 dan Cafe In untuk windows Phone 8. Bagaimana penggalan code yang diperlukan untuk mengolah data api seperti ini?? Berikut saya berikan penggalan code dari Cafe In ini dalam basis Javascript dan berjalan pada aplikasi web.


var Loc = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);//inisialisasi posisi nya
        var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';

        map = new google.maps.Map(document.getElementById('map-canvas'), {//buat gambarnya
          center: Loc,
          zoom: 16
        });

        var here = new google.maps.Marker({//membuat penanda lokasi
          map: map,
          position: Loc,
          icon: iconBase + 'arrow.png'
        });

        google.maps.event.addListener(here, 'click', function() { //event button here saat di klik
          infowindow.setContent("You Are Here");
          infowindow.open(map, this);
        });

        var request = { //category yang saya pilih adalah cafe karena mau nyari cafe di sekitar
          location: Loc,
          radius: 1000,
          types: ["cafe"]
        };
        infowindow = new google.maps.InfoWindow();
        var service = new google.maps.places.PlacesService(map);
        service.nearbySearch(request, callback);

Tidak ada komentar:

Posting Komentar