{"id":2850,"date":"2018-12-10T10:02:00","date_gmt":"2018-12-10T10:02:00","guid":{"rendered":"https:\/\/www.htmlgoodies.com\/uncategorized\/navigating-html5-geolocation\/"},"modified":"2021-04-27T23:11:23","modified_gmt":"2021-04-27T23:11:23","slug":"html-geolocation","status":"publish","type":"post","link":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/","title":{"rendered":"HTML Geolocation: How to Find Someone&#8217;s Location"},"content":{"rendered":"<p>Since using GPS navigation is very common nowadays, it has completely changed the way people use maps. Everything is digitalized, and paper version of maps are now outdated. However, with the ability to know exactly where you are, you must agree that you allow the application to do so, because gathering your data without your permission endangers your privacy. That is why applications that use HTML Geolocation will always ask for your permission. So, the user will be prompted with a popup or dialog requesting the user&#8217;s permission to share the location information. The user can accept or deny the request. The Geolocation API of HTML5 helps in identifying the user&#8217;s location, which can be used to provide location-specific information or route navigation details to the user.<\/p>\n<p>There are many techniques used to identify the location of the user. A desktop browser generally uses WIFI- or IP-based positioning techniques, whereas a mobile browser uses cell triangulation, GPS, A-GPS, WIFI-based positioning techniques, etc. The Geolocation API uses any one of these techniques to identify the user&#8217;s location. At the base of every location-based application is positioning and Geolocation which is similar to the use of positioning systems but is more focused on determining a meaningful location (such as a street address) rather than just a set of geographic coordinates.<\/p>\n<p>In this article, you will learn the Geolocation capabilities of HTML5. The API provides a method to locate the user&#8217;s, more or less exact, position. This is useful in a number of ways that range from providing a user with location-specific information to providing route navigation. There is more than one way to figure out where you are&nbsp;&mdash;&nbsp;your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites.<\/p>\n<p>In HTML5, we have a set of APIs to effectively allow the client-side device (i.e. your iPhone 3G+, Android 2.0+ phones, or even your conventional desktop browsers) to retrieve geographic positioning information with JavaScript. The Geolocation API is supported by the following browsers and smartphones. Minimum version requirements are mentioned as well.<\/p>\n<ul>\n<li>Google Chrome 5.0<\/li>\n<li>Internet Explorer 9.0<\/li>\n<li>Firefox 3.5<\/li>\n<li>Safari 5.0<\/li>\n<li>Opera 16.0<\/li>\n<li>iPhone 3.0<\/li>\n<li>Android 2.0<\/li>\n<li>Opera Mobile 10<\/li>\n<li>Blackberry OS 6.0<\/li>\n<\/ul>\n<h2>Locate the User&#8217;s Position<\/h2>\n<p>The HTML Geolocation API is used to get the geographical position of a user. Since this can compromise privacy, the position is not available unless the user approves it.<\/p>\n<p>To return the user&#8217;s position, the <code>getCurrentPosition()<\/code>&nbsp;method is used.<\/p>\n<p>The example below returns the latitude and longitude of the user&#8217;s position:<\/p>\n<pre class=\"brush:javascript\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;button onclick=\"getLocation()\"&gt;Your coordinates are:&lt;\/button&gt;\n\n&lt;p id=\"Test\"&gt;&lt;\/p&gt;\n\n&lt;script&gt;\nvar x = document.getElementById(\"Test\");\n\nfunction getLocation() {\n    \/\/Check if Geolocation is supported \n    if (navigator.geolocation) {\n\t  \/\/If supported, run the getCurrentPosition() method\n\t  \/\/If the getCurrentPosition() method is successful, it returns a coordinates object to the function specified in the parameter (showPosition)\n        navigator.geolocation.getCurrentPosition(showPosition);\n    } else { \n\t  \/\/If not, display a message to the user\n        x.innerHTML = \"Geolocation is not supported by this browser.\";\n    }\n}\n\n\/\/The showPosition() function outputs the Latitude and Longitude\nfunction showPosition(position) {\n    x.innerHTML = \"Latitude: \" + position.coords.latitude + \n    \"&lt;br&gt;Longitude: \" + position.coords.longitude;\n}\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n<p>After pressing the button, you should get you own coordinates:<\/p>\n<p><img src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/GL5-fig1.png\" style=\"border: 0px none;\" width=\"228\" \/><\/p>\n<h2>Handling Errors<\/h2>\n<p>The second parameter of the <code>getCurrentPosition()<\/code>&nbsp;method is used to manage errors. Possible error codes are:<\/p>\n<ul>\n<li>when the user rejected the request<\/li>\n<li>when the HTML5 geolocation information is unavailable<\/li>\n<li>when the request for the location information has timed out<\/li>\n<li>when the occurred error cannot be specified<\/li>\n<\/ul>\n<pre class=\"brush:javascript\">function showError(error) {\n    switch(error.code) {\n        case error.PERMISSION_DENIED:\n            x.innerHTML = \"User denied the request for Geolocation.\"\n            break;\n        case error.POSITION_UNAVAILABLE:\n            x.innerHTML = \"Location information is unavailable.\"\n            break;\n        case error.TIMEOUT:\n            x.innerHTML = \"The request to get user location timed out.\"\n            break;\n        case error.UNKNOWN_ERROR:\n            x.innerHTML = \"An unknown error occurred.\"\n            break;\n    }\n}<\/pre>\n<h2>The getCurrentPosition() Method &#8211; Return Data<\/h2>\n<p>The <code>getCurrentPosition()<\/code>&nbsp;method returns an object on success. Notice that the latitude, longitude and accuracy properties are always returned. The other properties are returned if available:<\/p>\n<p><img src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/GL5-fig2.png\" style=\"border: 0px none;\" width=\"520\" \/><\/p>\n<h2>Periodic Updates of Geolocation Position<\/h2>\n<p>If you&#8217;re building a cool web app or mobile app, you could use the <code>watchPosition();<\/code>&nbsp;method instead of <code>getCurrentPosition()<\/code>, as this retrieves periodic updates about the current geographic location of the device. To clear anything being watched, simply use the <code>clearWatch();<\/code>&nbsp;method when necessary:<\/p>\n<ul>\n<li><code>watchPosition()<\/code>&nbsp;&mdash;&nbsp;Returns the current position of the user and continues to return updated position as the user moves (like the GPS in a car).<\/li>\n<li><code>clearWatch()<\/code>&nbsp;&mdash;&nbsp;Stops the <code>watchPosition()<\/code>&nbsp;method.<\/li>\n<\/ul>\n<p>The example below shows the <code>watchPosition()<\/code>&nbsp;method:<\/p>\n<pre class=\"brush:javascript\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;button onclick=\"getLocation()\"&gt;Your coordinates are:&lt;\/button&gt;\n\n&lt;p id=\"Test\"&gt;&lt;\/p&gt;\n\n&lt;script&gt;\nvar x = document.getElementById(\"Test\");\n\nfunction getLocation() {\n    \/\/Check if Geolocation is supported \n    if (navigator.geolocation) {\n\t  \/\/the watchposition() method show the position of the user and update it while is moving\n\t    navigator.geolocation.watchPosition(showPosition);\n    } else { \n\t  \/\/If not, display a message to the user\n        x.innerHTML = \"Geolocation is not supported by this browser.\";\n    }\n}\n\/\/The showPosition() function outputs the Latitude and Longitude\nfunction showPosition(position) {\n    x.innerHTML = \"Latitude: \" + position.coords.latitude + \n    \"&lt;br&gt;Longitude: \" + position.coords.longitude;\n}\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n<h2>Display the Result in a Map<\/h2>\n<p>The example below shows my position on the map, using the <code>getCurrentPosition()<\/code>&nbsp;method and places a square as a pushpin over it. To get a credential key map, you should have a Microsoft account that you will use to sign in here: <a href=\"https:\/\/www.bingmapsportal.com\/\" target=\"blank\" rel=\"noopener\">https:\/\/www.bingmapsportal.com\/<\/a>. On the <em>My account<\/em>&nbsp;dropdown you will find the My keys option, where you can create your key.<\/p>\n<p><img src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/GL5-fig3.png\" style=\"border: 0px none;\" width=\"520\" \/><\/p>\n<pre class=\"brush:javascript\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\" \/&gt;\n    &lt;script type='text\/javascript'\n            src='http:\/\/www.bing.com\/api\/maps\/mapcontrol?callback=GetMap'\n            async defer&gt;&lt;\/script&gt;\n    &lt;script type='text\/javascript'&gt;\n    var map;\n    var svgTemplate = '&lt;svg  width=\"84\" height=\"25\"&gt;&lt;foreignObject width=\"100%\" height=\"100%\"&gt;&lt;div        \n    &gt;{htmlContent}&lt;\/div&gt;&lt;\/foreignObject&gt;&lt;\/svg&gt;';\n\n    function GetMap() {\n\tmap = new Microsoft.Maps.Map('#myMap', {credentials: \t'PLACE HERE YOUR KEY'});\n                \/\/ Check if browser supports geolocation\n                if (navigator.geolocation) {\n                    navigator.geolocation.getCurrentPosition(locateSuccess, locateFail);\n                }\n                else {\n                    alert('I'm sorry, but Geolocation is not supported in your current browser!');\n                }\n\n        var customHtml = '&lt;div style=\"font-size:12px;border:solid 2px;background-color:lightgreen;padding:2px;\"&gt;You found me!&lt;\/div&gt;';\n\n        \/\/Create custom Pushpin using an SVG string.\n        var pin = new Microsoft.Maps.Pushpin(map.getCenter(), {\n            icon: svgTemplate.replace('{htmlContent}', customHtml),\n            anchor: new Microsoft.Maps.Point(25, 5)\n        });\n\n        \/\/Add the pushpin to the map.\n        map.entities.push(pin);\n\t}\t\n\t\/\/ Successful geolocation\n      function locateSuccess(loc) {\n             \/\/ Set the user's location\n             var userLocation = new Microsoft.Maps.Location(loc.coords.latitude,loc.coords.longitude);\n             \/\/ Zoom in on user's location on map\n             map.setView({ center: userLocation, zoom: 17 });\n            }\n      \/\/ Unsuccessful geolocation\n      function locateFail(geoPositionError) {\n            switch (geoPositionError.code) {\n                 case 0: \/\/ UNKNOWN_ERROR\n                     alert('An unknown error occurred, sorry');\n                     break;\n                 case 1: \/\/ PERMISSION_DENIED\n                     alert('Permission to use Geolocation was denied');\n                     break;\n                 case 2: \/\/ POSITION_UNAVAILABLE\n                     alert('Couldn't find you...');\n                     break;\n                 case 3: \/\/ TIMEOUT\n                     alert('The Geolocation request took too long and timed out');\n                     break;\n                 default:\n                }\n            }\n    &lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div id=\"myMap\" style=\"position:relative;width:600px;height:400px;\"&gt;&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n<p><img src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/GL5-fig4.png\" style=\"border: 0px none;\" width=\"520\" \/><\/p>\n<h2>Conclusion<\/h2>\n<p>Hopefully, this article has shown you how to use HTML5 Geolocation to determine the location of a user.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since using GPS navigation is very common nowadays, it has completely changed the way people use maps. Everything is digitalized, and paper version of maps are now outdated. However, with the ability to know exactly where you are, you must agree that you allow the application to do so, because gathering your data without your [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":2855,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30618,30620,30580,30625],"tags":[5264,13245,2003],"b2b_audience":[29,37,34],"b2b_industry":[],"b2b_product":[68,133,107,86,93,94,67,113,114,116,98],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Geolocation | Finding Someone&#039;s Location | HTML Goodies<\/title>\n<meta name=\"description\" content=\"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Geolocation | Finding Someone&#039;s Location | HTML Goodies\" \/>\n<meta property=\"og:description\" content=\"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Goodies\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-10T10:02:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-27T23:11:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"290\" \/>\n\t<meta property=\"og:image:height\" content=\"195\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:site\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Octavia Anghel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\",\"name\":\"HTML Goodies\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"sameAs\":[\"https:\/\/twitter.com\/htmlgoodies\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"width\":584,\"height\":136,\"caption\":\"HTML Goodies\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"name\":\"HTML Goodies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.htmlgoodies.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg\",\"width\":290,\"height\":195},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage\",\"url\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/\",\"name\":\"HTML Geolocation | Finding Someone's Location | HTML Goodies\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage\"},\"datePublished\":\"2018-12-10T10:02:00+00:00\",\"dateModified\":\"2021-04-27T23:11:23+00:00\",\"description\":\"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.htmlgoodies.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Geolocation: How to Find Someone&#8217;s Location\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/61f4f54b2128148c9ee5f1b96ee37a86\"},\"headline\":\"HTML Geolocation: How to Find Someone&#8217;s Location\",\"datePublished\":\"2018-12-10T10:02:00+00:00\",\"dateModified\":\"2021-04-27T23:11:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage\"},\"wordCount\":703,\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg\",\"keywords\":[\"Geo-location\",\"geolocation\",\"HTML5\"],\"articleSection\":[\"HTML5\",\"Javascript\",\"Mobile\",\"Security\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/61f4f54b2128148c9ee5f1b96ee37a86\",\"name\":\"Octavia Anghel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/86d4c860b70a8d2409c96f2537d26f4d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/86d4c860b70a8d2409c96f2537d26f4d?s=96&d=mm&r=g\",\"caption\":\"Octavia Anghel\"},\"url\":\"https:\/\/www.htmlgoodies.com\/author\/octavia-anghel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Geolocation | Finding Someone's Location | HTML Goodies","description":"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/","og_locale":"en_US","og_type":"article","og_title":"HTML Geolocation | Finding Someone's Location | HTML Goodies","og_description":"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.","og_url":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/","og_site_name":"HTML Goodies","article_published_time":"2018-12-10T10:02:00+00:00","article_modified_time":"2021-04-27T23:11:23+00:00","og_image":[{"width":290,"height":195,"url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@htmlgoodies","twitter_site":"@htmlgoodies","twitter_misc":{"Written by":"Octavia Anghel","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.htmlgoodies.com\/#organization","name":"HTML Goodies","url":"https:\/\/www.htmlgoodies.com\/","sameAs":["https:\/\/twitter.com\/htmlgoodies"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","width":584,"height":136,"caption":"HTML Goodies"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.htmlgoodies.com\/#website","url":"https:\/\/www.htmlgoodies.com\/","name":"HTML Goodies","description":"","publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.htmlgoodies.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg","width":290,"height":195},{"@type":"WebPage","@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage","url":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/","name":"HTML Geolocation | Finding Someone's Location | HTML Goodies","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage"},"datePublished":"2018-12-10T10:02:00+00:00","dateModified":"2021-04-27T23:11:23+00:00","description":"Explore how to use HTML Geolocation API to determine the location of someone. Click here to learn how.","breadcrumb":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.htmlgoodies.com\/"},{"@type":"ListItem","position":2,"name":"HTML Geolocation: How to Find Someone&#8217;s Location"}]},{"@type":"Article","@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#article","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage"},"author":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/61f4f54b2128148c9ee5f1b96ee37a86"},"headline":"HTML Geolocation: How to Find Someone&#8217;s Location","datePublished":"2018-12-10T10:02:00+00:00","dateModified":"2021-04-27T23:11:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#webpage"},"wordCount":703,"publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/html-geolocation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/479710499.jpg","keywords":["Geo-location","geolocation","HTML5"],"articleSection":["HTML5","Javascript","Mobile","Security"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/61f4f54b2128148c9ee5f1b96ee37a86","name":"Octavia Anghel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/86d4c860b70a8d2409c96f2537d26f4d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86d4c860b70a8d2409c96f2537d26f4d?s=96&d=mm&r=g","caption":"Octavia Anghel"},"url":"https:\/\/www.htmlgoodies.com\/author\/octavia-anghel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/2850"}],"collection":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/comments?post=2850"}],"version-history":[{"count":0,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/2850\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media\/2855"}],"wp:attachment":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media?parent=2850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/categories?post=2850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/tags?post=2850"},{"taxonomy":"b2b_audience","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_audience?post=2850"},{"taxonomy":"b2b_industry","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_industry?post=2850"},{"taxonomy":"b2b_product","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_product?post=2850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}