Visitors Now:
Total Visits:
Total Stories:
Profile image
By webdesignerdepot (Reporter)
Contributor profile | More stories
Story Views

Now:
Last Hour:
Last 24 Hours:
Total:

How to use HTML5 geolocation

Wednesday, December 11, 2013 1:32
% of readers think this story is Fact. Add your two cents.

(Before It's News)

thumbnailThe new geolocation function in HTML5 adds the functionality to the browser necessary to detect the user’s location, generate co-ordinates, and return them as values back to the user.

Not only will it work across desktops, but across mobile and tablet devices too — which opens up huge possibilities for web developers looking to create location-based online apps!

In today’s tutorial, you’ll learn how to fetch the latitude and longitude co-ordinates using nothing more than a few lines of HTML and JavaScript. You’ll then learn how to take those co-ordinates and feed them into the Google Maps API to reverse-geocode those values and produce a live in-browser map of your current location, complete with a place marker.

Once you’ve finished the tutorial, I recommend checking out the full Google Maps API documentation to learn about some of the more extensive and exciting features it’s capable of.

Have you used a location service for a project? How reliable do you think geolocation is? Let us know in the comments.

Featured image/thumbnail, location image via Shutterstock.

The Designer’s Complete Holiday Bundle – only $19!
How to use HTML5 geolocation

Source


    



Source: http://rss.feedsportal.com/c/35285/f/661066/s/34adf749/sc/4/l/0L0Swebdesignerdepot0N0C20A130C120Chow0Eto0Euse0Ehtml50Egeolocation0C/story01.htm

Report abuse

Comments

Your Comments
Question   Razz  Sad   Evil  Exclaim  Smile  Redface  Biggrin  Surprised  Eek   Confused   Cool  LOL   Mad   Twisted  Rolleyes   Wink  Idea  Arrow  Neutral  Cry   Mr. Green

Top Stories
Recent Stories

Register

Newsletter

Email this story
Email this story

If you really want to ban this commenter, please write down the reason:

If you really want to disable all recommended stories, click on OK button. After that, you will be redirect to your options page.