1 / 15

Google Maps

Google Maps. Peta. Alat bantu yang digunakan untuk navigasi / menentukan arah Kompas. manfaat. Untuk mengetahui lokasi Untuk mengetahui keadaan Untuk mengetahui rute jalan dll. Peta Digital. Google Maps http://maps.google.com Microsoft Maps - http ://www.bing.com/maps/ IOS Maps

blaise
Télécharger la présentation

Google Maps

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Google Maps

  2. Peta • Alat bantu yang digunakanuntuknavigasi/menentukanarah • Kompas

  3. manfaat • Untukmengetahuilokasi • Untukmengetahuikeadaan • Untukmengetahuirutejalan • dll

  4. Peta Digital • Google Maps http://maps.google.com • Microsoft Maps - http://www.bing.com/maps/ • IOS Maps http://www.apple.com/ios/maps/

  5. Google Maps • Salahsatulayanandarigoogle • Free dan open • Up to date

  6. Syarat • Mempunyaiakundigoogle • Familiar dengan java script • Google API

  7. Penggunaan • Masukhttps://code.google.com/apis/console • Pilih Services • AktifkanGoogle Maps API v3

  8. Contohaplikasi • bencana

  9. Red Cross/PalangMerah America

  10. <!DOCTYPE html> • <html> • <head> • <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> • <style type="text/css"> • html { height: 100% } • body { height: 100%; margin: 0; padding: 0 } • #map-canvas { height: 100% } • </style> • <script type="text/javascript" • src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAIlIahPDf2Xe3uuorcdV-7mZyOiVJfpPY&sensor=true"> • </script> • <script type="text/javascript"> • function initialize() { • varmapOptions = { • center: new google.maps.LatLng (-7.805284,110.364203),// (-7.792466,110.408134), • zoom: 17 • }; • var map = new google.maps.Map(document.getElementById("map-canvas"), • mapOptions); • } • google.maps.event.addDomListener(window, 'load', initialize); • </script> • </head> • <body> • <div id="map-canvas"/> • </body> • </html>

  11. <html> • <head><title> akakom maps </title></head> • <body> • <br /><br /><br /><br /> • <center><iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Stmik+Akakom+Yogyakarta,+JL+Raya+Janti+Karang+Jambe+no+143,+Yogyakarta,+Indonesia&amp;aq=0&amp;oq=stmik&amp;sll=37.0625,-95.677068&amp;sspn=45.197878,79.013672&amp;ie=UTF8&amp;hq=Stmik+Akakom+Yogyakarta,+JL+Raya+Janti+Karang+Jambe+no+143,+Yogyakarta,+Indonesia&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=-7.792466,110.408134&amp;spn=0.081637,0.109863&amp;z=13&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Stmik+Akakom+Yogyakarta,+JL+Raya+Janti+Karang+Jambe+no+143,+Yogyakarta,+Indonesia&amp;aq=0&amp;oq=stmik&amp;sll=37.0625,-95.677068&amp;sspn=45.197878,79.013672&amp;ie=UTF8&amp;hq=Stmik+Akakom+Yogyakarta,+JL+Raya+Janti+Karang+Jambe+no+143,+Yogyakarta,+Indonesia&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=-7.792466,110.408134&amp;spn=0.081637,0.109863&amp;z=13&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small></center> • </body> • </html>

  12. Tugas • Membuat website yang menampilkanalamatdanPetanya. • Perkelompok @3 mahasiswa • Lokasiberbedatiapkelompok • Lokasi: Malioboro, MonumenJogjaKembali, Monas, Ancol, Juanda Surabaya, Suramadu, PabrikMadukismo, PantaiDepok, Simpang Lima Semarang, JokTengKulon, IswahyudiMadiun, Cirebon, …

More Related