Using Leaflet.js to show OpenStreetmap in PhoneGap Application
Dari artikel sebelumnya tentang Geolocation 1 dan menampilkan Google Static Maps 2, kali ini dilengkapi dengan menampilkan Peta OpenStreetMap dengan menggunakan Leaflet.js 3.
Untuk percobaan awal tidak perlu mendownload dan memasukkan leaflet.js ke dalam project PhoneGap, tetapi dilakukan load online dari cdn.leafletjs.com.
Pada file index.html tambahkan beberapa baris berikut ini pada bagian <head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" /> <!--[if lte IE 8]> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.ie.css" /> <![endif]--> <script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script> Masih pada bagian index.