• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Google Maps API
 

Google Maps API

on

  • 1,840 views

The Google Maps Javascript API lets you embed Google Maps in your own web pages. Version 3 of this API is especially designed to be faster and more applicable to mobile devices, as well as traditional ...

The Google Maps Javascript API lets you embed Google Maps in your own web pages. Version 3 of this API is especially designed to be faster and more applicable to mobile devices, as well as traditional desktop browser applications.

Download Code samples at: https://app.box.com/s/82e28g2c4o2nl1yu7mwm

Statistics

Views

Total Views
1,840
Views on SlideShare
1,112
Embed Views
728

Actions

Likes
0
Downloads
7
Comments
2

4 Embeds 728

http://mahtonu.wordpress.com 714
http://mahtonu.wordpress.com. 7
http://prlog.ru 4
http://translate.googleusercontent.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Mediafire Download : http://www.mediafire.com/download/crbbeor4xcdkarc
    Are you sure you want to
    Your message goes here
    Processing…
  • Mediafire Download : http://www.mediafire.com/download/7co8ti89fp7of5c
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Google Maps API Google Maps API Presentation Transcript

    • Google Map API M A Hossain Tonu http://mahtonu.wordpress.com
    • Who am I? • Tech Blogger http://mahtonu.wordpress.com • PHP Hacker, Community activist, FOSS advocate • Work = Vantage Labs Dhaka • @mahtonu • Authored the title “PHP Application Development with NetBeans: Beginner's Guide” http:// link.packtpub.com/6HaElo
    • Initialize the Map https://maps.googleapis.com/maps/api/js? v=3.exp&sensor=false
    • Initialize the Map var location = new google.maps.LatLng( 23.744522, 90.372828 ); var options = { zoom: 12, center: location, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map( document.getElementById(‘map_canvas’), options );
    • GeoCoder var geocoder = new google.maps.Geocoder(); var options = { address: "United International University, Satmasjid Road, Dhaka, Dhaka Division." }; geocoder.geocode(options, function(results, status) { map.setCenter( results[0].geometry.location ); });
    • My Current Location <!-- HTML5! huh! --> navigator.geolocation.getCurrentPosition(success, error); function success(position) { var location = new google.maps.LatLng( position.coords.latitude, position.coords.longitude ); map.setCenter(location); } function error() { ... }
    • Marker var LatLng = new google.maps.LatLng(23.744522, 90.372828); var marker = new google.maps.Marker({ position: LatLng, map: map, title:‘marker title’, icon:‘marker icon url’ });
    • Places var input = document.getElementById(‘input’); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.bindTo(‘bounds’, map); google.maps.event.addListener( autocomplete, ‘place_changed’, function() { var place = autocomplete.getPlace(); ... } );
    • Directions var service = new google.maps.DirectionsService(); var request = { origin: from, destination: to, travelMode: google.maps.TravelMode.DRIVING }; service.route(request, function(response, status) { ... });
    • Time Zones https://maps.googleapis.com/maps/api/ timezone/json? location=23.744522,90.372828& timestamp=135189720& sensor=false
    • Time Zones { dstOffset: 0, rawOffset: 21600, status: "OK", timeZoneId: "Asia/Dhaka", timeZoneName: "Bangladesh Standard Time" }
    • Local https://maps.googleapis.com/maps/api/js? sensor=false& language=bn
    • Weather var units = google.maps.weather.TemperatureUnit.CELSIUS; new google.maps.weather.WeatherLayer({ temperatureUnits: units, map: map }); new google.maps.weather.CloudLayer({ map: map });
    • Layers google.maps.BicyclingLayer
    • Too many Markers?
    • Clusterer url and screenshot
    • More than150 Features...
    • Q & A
    • References • https://developers.google.com/maps/documentation/ javascript/ • https://developers.google.com/maps/documentation/ javascript/reference
    • Shameless Promotion! http://link.packtpub.com/6HaElo