GeoLocation using Google Maps JavaScript API v3

2. GeoLocation using
Google Maps JavaScript
API v3

3. Steps

4. Manifest Permission

5. Challenges and Limitation
• Some API is not work in Emulator
• Internet connection must need
• Complex Coding
• Some APIs is not suitable for most of the countries
like Bangladesh.

6. Solutions
• Use Real Devices
• Keep connect internet in your testing device
•Need a good knowledge of JS
• Use the other APIs which are very popular

7. Google Maps JavaScript API v3

8. Amuture
• Obtaining an API Key
• Declaring Your Application as HTML5
• Loading the Google Maps API
• Map DOM (Document Object Model) Elements
• Map Options
• The Map Object
• Loading the Map

9. Obtaining an API Key

10. Sample Code

11. Map DOM Elements
TThhiiss div wwiillll sshhooww tthhee mmaapp..

12. Loading the Google Maps API
TThhiiss script’s src iiss tthhee
GGooooggllee MMaapp AAPPII

13. Libraries Call
TThhiiss script wwiillll
initialize tthhee mmaapp

14. Loading the Map
TThhiiss wwiillll llooaadd tthhee mmaapp

15. Intermediate

16. Simple Marker

17. Custom Icon

18. Dragging

19. Polylines

20. Polygon

21. Open an info window

22. Open an info window manual
Width

23. Advance

24. My
GeoLocation
GPS is must
for this option.

25. Nearby Search Requests

26. Radar Search Requests

27. Directions API and Distance API

28. Status Codes
Search Responses Place Details Responses
• ERROR: There was a problem contacting the Google
servers.
• INVALID_REQUEST: This request was invalid.
• OK: The response contains a valid result.
• OVER_QUERY_LIMIT: The webpage has gone over
its request quota.
• NOT_FOUND The referenced location was not
found in the Places database.
• REQUEST_DENIED: The webpage is not allowed to
use the PlacesService.
• UNKNOWN_ERROR: The PlacesService request
could not be processed due to a server error. The
request may succeed if you try again.
• ZERO_RESULTS: No result was found for this
request.
• ERROR: There was a problem contacting the Google
servers.
• INVALID_REQUEST: This request was invalid.
• OK: The response contains a valid result.
• OVER_QUERY_LIMIT: The webpage has gone over
its request quota.
• REQUEST_DENIED: The webpage is not allowed to
use the PlacesService.
• UNKNOWN_ERROR: The PlacesService request
could not be processed due to a server error. The
request may succeed if you try again.
• ZERO_RESULTS: No result was found for this
request.

29. References
• https://console.developers.google.com/
• https://developers.google.com/maps/documentation/javascript/
• https://developer.mozilla.org/en-US/docs/Web/API/Geolocation

30. Any Questions ???