What I want... displaying the users location and device.
What I've done... So far it seems with geolocation I'm only able to get coordinates.
This is a good start. So it seems to me that all you need to know now is how to get the device type. This is not something that is built into JavaScript; but JS does have the ability to read the User-Agent (UA) and parse that into usable information. This is the same as the implementations 20 years ago to figure out if people were using Netscape Navigator or Internet Explorer.
The best thing is to read through the following resources, and review the samples to see how they work
Detect Mobile Device with Javascript | Red Stapler[
^]
mobile-detect.js | Device detection (phone, tablet, desktop, mobile grade, os, versions)[
^]
I didn't see any samples here, but have seen it recommended before:
http://detectmobilebrowsers.com/[
^]