2c:null 2d:["$","title",null,{"children":"GPS | Jonas Almeida | Observable"}] 32:[] 30:{"id":"52807b4197809fe1","slug":"gps","title":"GPS","thumbnail":"dcf19a70bacd9ddb35bb261ee5dc862a2542a48dfcfb7e25845a5dbce15832c5","access_level":"public","create_time":"$D2021-03-02T02:45:25.646Z","update_time":"$D2022-12-13T13:43:59.310Z","view_time":null,"first_public_time":"$D2021-03-02T02:45:37.681Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0f2e596d5bd6ef6e","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":"starter_2024"},"version":119,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4355fe13cb71b11d","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":null}],"members":[{"type":"individual","id":"4355fe13cb71b11d","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"GPS","cells":[{"id":0,"value":"md`# GPS\nExploring the native GPS API. Notice the difference between mobile devices (fast) and desktop machines (slow, may not even work). Mobile devices typically always know where they are and are good about letting the user control who has access to that information. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"loc = {\n var div = document.createElement(\"div\");\n var bt = document.createElement(\"button\");\n bt.textContent = 'Get your GPS coordinates';\n var loc = document.createElement(\"div\");\n loc.textContent = Date();\n div.appendChild(bt);\n div.appendChild(loc);\n bt.onclick = _ => {\n loc.textContent = \"calling for GPS coordinates...\";\n loc.style.color = \"red\";\n navigator.geolocation.getCurrentPosition(pos => {\n loc.style.color = \"green\";\n loc.innerHTML = `

Latitude: ${pos.coords.latitude}

Longitude: ${pos.coords.longitude}

You can now open it in Google Maps.

`;\n });\n };\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"getCoordinates = (_) => {\n loc.textContent = \"getting your GPS coordinates...\";\n loc.style.color = \"red\";\n navigator.geolocation.getCurrentPosition((pos) => {\n console.log(\"got it\", pos);\n //debugger;\n loc.style.color = \"green\";\n loc.innerHTML = `

Latitude: ${pos.coords.latitude}

Longitude: ${pos.coords.longitude}

You find location in Google Maps.

`;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 31:"$30:body"