Google Map

GCDC 4-11-2013
Api Key
https://code.google.com/apis/console/
- Pada bagian api access, aktifkan “Google Maps API v3”
- Generate Key for B...
Simple Map
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=true">
</script>...
Tipe Map
1. RoadMap
2. Satellite
3. Hybrid
4. Terrain
45° Imagery
45 derajat Perspektif, Untuk lokasi tertentu
Kode :

map.setTilt(45);
map.setHeading(90);
Drawing on the Map
- Marker
- Info Windows
Services : Directions
DirectionRequest
{
origin: LatLng | String,
destination: LatLng | String,
travelMode: TravelMode (Dr...
Services : Geocoding
Geocoding :
Konversi dari alamat ke koordinat (Latitude, Longitude)
Reverse Geocoding :
Konversi dari...
Terima Kasih
Upcoming SlideShare
Loading in …5
×

GMap Google Dev Groups 2013 - Jogja Digital Valley

1,292 views

Published on

materi GDG 2013 - Jogja Digital Valley

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,292
On SlideShare
0
From Embeds
0
Number of Embeds
225
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

GMap Google Dev Groups 2013 - Jogja Digital Valley

  1. 1. Google Map GCDC 4-11-2013
  2. 2. Api Key https://code.google.com/apis/console/ - Pada bagian api access, aktifkan “Google Maps API v3” - Generate Key for Browser App
  3. 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. 4. Tipe Map 1. RoadMap 2. Satellite 3. Hybrid 4. Terrain
  5. 5. 45° Imagery 45 derajat Perspektif, Untuk lokasi tertentu Kode : map.setTilt(45); map.setHeading(90);
  6. 6. Drawing on the Map - Marker - Info Windows
  7. 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. 8. Services : Geocoding Geocoding : Konversi dari alamat ke koordinat (Latitude, Longitude) Reverse Geocoding : Konversi dari Koordinat ke alamat
  9. 9. Terima Kasih

×