Menampilkan Pemetaan pada Windows Phone dengan Framework Phonegap

Setelah kita dapa membuat aplikasi windows phone dengan framework phonegap. Kita akan belajar menampilkan pemetaan atau maps pada windows phone, service yag kita gunakan adalah dengan pemetaan dari google (gmaps). Pada studi kasus ini kita menggunakan service gmaps versi 2 (gmaps2).

Kita akan mulai dengan memulai dengan mendapatjan file `gmaps.js` yang bias anda dapatkan di internet, kemudian letakkan file tersebut kedalam folder project anda. Kemudian include file tersebut pada file yang akan menampilkan maps dengan menuliskannya seperti ini.

          <script type="text/javascript" src="jquery/gmaps.js"></script>

Kemudian tulislah pada bagian content letak maps akan ditampilkan seperti berikut.

           <div id="map"></div>

Bagian div tersebut yang akan diletakkan pemetaan, id pada tag div tersebut disesuaikan dengan script yang kita gunakan. Kemudian letakkan script berikut.

var map;

map = new GMaps({

el: '#map',

            lat: -12.039321,

            lng: 117.509766

});

Script tersebut akan menampilkan maps sesuai posisi latitude dan longitude yang anda inputkan. Berikut contoh maps yang telah ditampilkan pada windows phone.

Terimakasih, semoga bermanfaat :)