Dokumen ini membahas penggunaan Bing Maps API. API ini memungkinkan pengguna untuk menampilkan peta virtual dan mencari lokasi. Terdapat penjelasan langkah-langkah untuk menggunakan API ini seperti mendaftar akun, menambahkan key, dan menuliskan source code JavaScript dan HTML untuk menampilkan dan mencari lokasi di peta.

1. BING MAPS API
Kelompok 7 – MCC 11-01
Sandi Rizqi M (30111301)
Habib Akbar A (30111317)
Yudistira Sukma D ( 30111287 )

2. BING MAPS
Fitur Maps dalam Bing merupakan virtual earth, artinya fitur ini
memungkinkan pengguna untuk bisa mengetahui lokasi berbagai daerah dari
berbagai negara di dunia. Selain itu, fitur ini juga dapat berfungsi sebagai petunjuk
jalan ketika sedang melakukan perjalan ke luar kota maupun ke luar negeri.
Dokumentasi yang dapat kita gunakan dari bing maps dapat dilihat di
website : http://msdn.microsoft.com/en-us/library/gg427624.aspx

3. LANGKAH PENGGUNAAN BING MAPS API
1. Source code untuk load maps :
API bing maps
<script type="text/javascript“ src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"/>
<script type="text/javascript">
function GetMap() {
var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {credentials: "Your Bing Maps Key", center: new
Microsoft.Maps.Location(45.5, -122.5), mapTypeId: Microsoft.Maps.MapTypeId.road, zoom: 7});
}
</script>
Letakkan key disini

4. LANGKAH PENGGUNAAN BING MAPS API
Terdapat pernyataan
untuk sign up atau
membuat dev account

5. LANGKAH PENGGUNAAN BING MAPS API
2. Mendaftar account Microsoft atau Hotmail untuk mendapatkan bing maps key
pada website: http://www.bingmapsportal.com/

6. LANGKAH PENGGUNAAN BING MAPS API
3. Setelah mendaftar dan mendapatkan key, maka letakkan kode pada source code
sebelumnya.
<script type="text/javascript“ src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"/>
<script type="text/javascript">
function GetMap() {
var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {credentials: “ini key dari bingmaps portal", center: new
Microsoft.Maps.Location(45.5, -122.5), mapTypeId: Microsoft.Maps.MapTypeId.road, zoom: 7});
}
</script>
Letakkan key disini

7. LANGKAH PENGGUNAAN BING MAPS API
4. Maka tulisan credital invalid pada tengah maps akan hilang dan maps sudah
dapat digunakan

8. SOURCE CODE PENCARIAN LOKASI
Javascript

9. SOURCE CODE PENCARIAN LOKASI
HTML

10. PENCARIAN LOKASI
 Maka akan muncul tampilan peta dengan form fill in untuk pencarian lokasi :

11. PENCARIAN LOKASI
Isi form
Lokasi terdeteksi
Lokasi ditampilkan