GCDC - Google Map

Google developer conference - Google Map

Transcript

1. Google Map GCDC 4-11-2013
2. Api Key https://code.google.com/apis/console/ - Pada bagian api access, aktifkan “Google Maps API v3” - Generate Key for Browser App
3. Simple Map <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=true"> </script> <script type="text/javascript"> function initialize() { var mapOptions = { center: new google.maps.LatLng(-34.397, 150.644), zoom: 8, mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script>
4. Tipe Map 1. RoadMap 2. Satellite 3. Hybrid 4. Terrain
5. 45° Imagery 45 derajat Perspektif, Untuk lokasi tertentu Kode : map.setTilt(45); map.setHeading(90);
6. Drawing on the Map - Marker - Info Windows
7. Services : Directions DirectionRequest { origin: LatLng | String, destination: LatLng | String, travelMode: TravelMode (Driving, Walking, Bicycling, Transit), transitOptions: TransitOptions, unitSystem: UnitSystem (KM, Mile), durationInTraffic: Boolean, waypoints[]: DirectionsWaypoint, optimizeWaypoints: Boolean, provideRouteAlternatives: Boolean, avoidHighways: Boolean, avoidTolls: Boolean region: String }
8. Services : Geocoding Geocoding : Konversi dari alamat ke koordinat (Latitude, Longitude) Reverse Geocoding : Konversi dari Koordinat ke alamat
9. Terima Kasih