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 :)
