Home
About
Blog
Products
Forum
Support
Contact
Sunbelt Computer Software
PL/B Language Development and Support
Home
About
Blog
Products
Forum
Support
Contact
Head-First-HTML5/chapter5/myLoc.js at master · feiyunhuang/Head-First-HTML5 · GitHub
Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
View all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
feiyunhuang
/
Head-First-HTML5
Public
forked from
bethrobson/Head-First-HTML5
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Pull requests
0
Actions
Projects
Wiki
Security and quality
0
Insights
Additional navigation options
Code
Pull requests
Actions
Projects
Wiki
Security and quality
Insights
Files
Expand file tree
master
Breadcrumbs
Head-First-HTML5
/
chapter5
/
myLoc.js
Copy path
Blame
More file actions
Blame
More file actions
Latest commit
History
History
History
178 lines (147 loc) · 4.42 KB
master
Breadcrumbs
Head-First-HTML5
/
chapter5
/
myLoc.js
Copy path
Top
File metadata and controls
Code
Blame
178 lines (147 loc) · 4.42 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
/* myLoc.js */
var
watchId
=
null
;
var
map
=
null
;
var
ourCoords
=
{
latitude
:
47.624851
,
longitude
:
-
122.52099
}
;
var
prevCoords
=
null
;
window
.
onload
=
getMyLocation
;
function
getMyLocation
(
)
{
if
(
navigator
.
geolocation
)
{
navigator
.
geolocation
.
getCurrentPosition
(
displayLocation
,
displayError
,
{
enableHighAccuracy
:
true
,
timeout
:
9000
}
)
;
var
watchButton
=
document
.
getElementById
(
"watch"
)
;
watchButton
.
onclick
=
watchLocation
;
var
clearWatchButton
=
document
.
getElementById
(
"clearWatch"
)
;
clearWatchButton
.
onclick
=
clearWatch
;
}
else
{
alert
(
"Oops, no geolocation support"
)
;
}
}
function
displayLocation
(
position
)
{
var
latitude
=
position
.
coords
.
latitude
;
var
longitude
=
position
.
coords
.
longitude
;
var
div
=
document
.
getElementById
(
"location"
)
;
div
.
innerHTML
=
"You are at Latitude: "
+
latitude
+
", Longitude: "
+
longitude
;
div
.
innerHTML
+=
" (with "
+
position
.
coords
.
accuracy
+
" meters accuracy)"
;
var
km
=
computeDistance
(
position
.
coords
,
ourCoords
)
;
var
distance
=
document
.
getElementById
(
"distance"
)
;
distance
.
innerHTML
=
"You are "
+
km
+
" km from the WickedlySmart HQ"
;
if
(
map
==
null
)
{
showMap
(
position
.
coords
)
;
prevCoords
=
position
.
coords
;
}
else
{
var
meters
=
computeDistance
(
position
.
coords
,
prevCoords
)
*
1000
;
if
(
meters
>
20
)
{
scrollMapToPosition
(
position
.
coords
)
;
prevCoords
=
position
.
coords
;
}
}
}
// --------------------- Ready Bake ------------------
//
// Uses the Spherical Law of Cosines to find the distance
// between two lat/long points
//
function
computeDistance
(
startCoords
,
destCoords
)
{
var
startLatRads
=
degreesToRadians
(
startCoords
.
latitude
)
;
var
startLongRads
=
degreesToRadians
(
startCoords
.
longitude
)
;
var
destLatRads
=
degreesToRadians
(
destCoords
.
latitude
)
;
var
destLongRads
=
degreesToRadians
(
destCoords
.
longitude
)
;
var
Radius
=
6371
;
// radius of the Earth in km
var
distance
=
Math
.
acos
(
Math
.
sin
(
startLatRads
)
*
Math
.
sin
(
destLatRads
)
+
Math
.
cos
(
startLatRads
)
*
Math
.
cos
(
destLatRads
)
*
Math
.
cos
(
startLongRads
-
destLongRads
)
)
*
Radius
;
return
distance
;
}
function
degreesToRadians
(
degrees
)
{
radians
=
(
degrees
*
Math
.
PI
)
/
180
;
return
radians
;
}
// ------------------ End Ready Bake -----------------
function
showMap
(
coords
)
{
var
googleLatAndLong
=
new
google
.
maps
.
LatLng
(
coords
.
latitude
,
coords
.
longitude
)
;
var
mapOptions
=
{
zoom
:
10
,
center
:
googleLatAndLong
,
mapTypeId
:
google
.
maps
.
MapTypeId
.
ROADMAP
}
;
var
mapDiv
=
document
.
getElementById
(
"map"
)
;
map
=
new
google
.
maps
.
Map
(
mapDiv
,
mapOptions
)
;
// add the user marker
var
title
=
"Your Location"
;
var
content
=
"You are here: "
+
coords
.
latitude
+
", "
+
coords
.
longitude
;
addMarker
(
map
,
googleLatAndLong
,
title
,
content
)
;
/*
// add the WickedlySmart HQ marker
var wsLatLong = new google.maps.LatLng(
ourCoords.latitude,
ourCoords.longitude);
addMarker(map, wsLatLong, "WickedlySmart HQ",
"WickedlySmart HQ latitude: " +
ourCoords.latitude +
", longitude: " +
ourCoords.longitude);
*/
}
function
addMarker
(
map
,
latlong
,
title
,
content
)
{
var
markerOptions
=
{
position
:
latlong
,
map
:
map
,
title
:
title
,
clickable
:
true
}
;
var
marker
=
new
google
.
maps
.
Marker
(
markerOptions
)
;
var
infoWindowOptions
=
{
content
:
content
,
position
:
latlong
}
;
var
infoWindow
=
new
google
.
maps
.
InfoWindow
(
infoWindowOptions
)
;
google
.
maps
.
event
.
addListener
(
marker
,
'click'
,
function
(
)
{
infoWindow
.
open
(
map
)
;
}
)
;
}
function
displayError
(
error
)
{
var
errorTypes
=
{
0
:
"Unknown error"
,
1
:
"Permission denied"
,
2
:
"Position is not available"
,
3
:
"Request timeout"
}
;
var
errorMessage
=
errorTypes
[
error
.
code
]
;
if
(
error
.
code
==
0
||
error
.
code
==
2
)
{
errorMessage
=
errorMessage
+
" "
+
error
.
message
;
}
var
div
=
document
.
getElementById
(
"location"
)
;
div
.
innerHTML
=
errorMessage
;
}
//
// Code to watch the user's location
//
function
watchLocation
(
)
{
watchId
=
navigator
.
geolocation
.
watchPosition
(
displayLocation
,
displayError
,
{
enableHighAccuracy
:
true
,
timeout
:
3000
}
)
;
}
function
scrollMapToPosition
(
coords
)
{
var
latitude
=
coords
.
latitude
;
var
longitude
=
coords
.
longitude
;
var
latlong
=
new
google
.
maps
.
LatLng
(
latitude
,
longitude
)
;
map
.
panTo
(
latlong
)
;
// add the new marker
addMarker
(
map
,
latlong
,
"Your new location"
,
"You moved to: "
+
latitude
+
", "
+
longitude
)
;
}
function
clearWatch
(
)
{
if
(
watchId
)
{
navigator
.
geolocation
.
clearWatch
(
watchId
)
;
watchId
=
null
;
}
}
You can’t perform that action at this time.