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 Browser App

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>

Tipe Map

1. RoadMap2. Satellite3. Hybrid4. Terrain

45° Imagery

45 derajat Perspektif, Untuk lokasi tertentu

Kode : map.setTilt(45);map.setHeading(90);

Drawing on the Map

- Marker- Info Windows

Services : DirectionsDirectionRequest{

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

}

Services : GeocodingGeocoding : Konversi dari alamat ke koordinat (Latitude, Longitude)

Reverse Geocoding : Konversi dari Koordinat ke alamat

Terima Kasih