-
Notifications
You must be signed in to change notification settings - Fork 0
/
GPS Coordinates - Latitude and Longitude.html
463 lines (404 loc) · 21.5 KB
/
GPS Coordinates - Latitude and Longitude.html
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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="With Google Maps, find the GPS Coordinates of any address or vice versa. Get the latitude and longitude of any GPS location on Google Maps.">
<title>Google Maps - GPS coordinates, latitude and longitude</title>
<!-- <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" /> -->
<!-- <link rel="stylesheet" href="/css/gps-coordinates.css" type="text/css" /> -->
<link rel="icon" type="image/x-icon" href="/favicon.ico?v1" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v1">
<!-- <script>var loaderUrl = "/images/loader.gif";</script> -->
<script>
if ( window.self !== window.top ) {
window.top.location.href=window.location.href;
}
</script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB1r8IdnH386S0BBj4r2ZEtQU2mUtSIBoY&language=en&libraries=places"></script>
<script src="./GPS Coordinates.js"></script>
<script>
google.maps.event.addDomListener(window, 'load', initialize);
function bookmark() {
return "";
}
function bookUp(address, latitude, longitude) {
return false;
}
function simulateClick(latitude, longitude) {
var mev = {
stop: null,
latLng: new google.maps.LatLng(latitude, longitude)
}
google.maps.event.trigger(map, 'click', mev);
}
</script>
<!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<!-- <script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-9379737428903517",
enable_page_level_ads: true
});
</script> -->
</head>
<body>
<!-- Wrap all page content here -->
<div id="wrap">
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="social pull-right">
<div id="plus-one" class="pull-right"><g:plusone size="standard" href="/" align="right"></g:plusone></div>
</div>
<div class="navbar-header pull-right">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="top_account" class="pull-right">
<p>
<a href="/login" rel="nofollow">login</a> | <a href="/register/" rel="nofollow">register</a>
</p>
</div>
</div>
<div class="clearfix"></div>
<div class="collapse navbar-collapse">
<ul class="nav nav-tabs">
<li class="active"><a href="/">Home</a></li>
<li><a href="/google-maps-driving-directions">Directions</a></li>
<li><a href="/gps-coordinates-converter" title="GPS Coordinates Converter">Converter</a></li>
<li><a href="/street-view" title="Street View">Street View</a></li>
<li><a href="/api" title="Latitude & Longitude API">API</a></li>
<li><a href="/geolocation" title="How to Enable Geolocation">Geolocation</a></li>
<li><a href="/where-am-i" title="How to Enable Geolocation">Where am I</a></li>
<li><a href="/maps" title="Country and State Maps">Maps</a></li>
<li><a href="/custom-map" title="Custom Map Link">Custom Map</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- Begin page content -->
<div class="container">
<div class="row" style="margin-bottom: 0;">
<div class="col-md-12">
<h1>GPS Coordinates - Latitude and Longitude</h1>
<p>
<!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<!-- gps-coordinates-smart-top -->
<!-- <ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9379737428903517"
data-ad-slot="1546070180"
data-ad-format="auto"></ins> -->
<!-- <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> -->
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h2>Latitude and longitude of an address</h2>
<p>
Convert an address or a place to lat long: fill the address field and click on "Get GPS Coordinates" to display its <strong>latitude and longitude</strong>. Read the result provided by the converter on the left column or directly on the <strong>Google Map</strong>.
</p>
<p>
<!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<!-- gps-smartlink-1 -->
<!-- <ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9379737428903517"
data-ad-slot="3498210987"
data-ad-format="link"></ins> -->
<!-- <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> -->
</p>
<h2>Find an address from its GPS coordinates</h2>
<p>
Address from decimal coordinates: fill the decimal GPS coordinates and click on the corresponding "Get Address" button.<br/>
Address from sexagesimal coordinates: fill the sexagesimal GPS coordinates and click on the corresponding "Get Address" button.
</p>
<h2>Latitude, longitude and address of any point on Google Maps</h2>
<p>Click directly on the map to get an address and its GPS coordinates. The latitude coordinate and the longitude coordinate are displayed on the left column and on the map.</p>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="col-md-4">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="address" class="col-md-3 control-label">Address</label>
<div class="col-md-9">
<input id="address" class="form-control" type="textbox" value="New York, NY">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-4">
<button type="button" class="btn btn-primary" onclick="codeAddress()">Get GPS Coordinates</button>
</div>
</div>
</form>
<form class="form-horizontal" role="form">
<h4>DD (decimal degrees)*</h4>
<div class="form-group">
<label class="col-md-3 control-label" for="latitude">Latitude</label>
<div class="col-md-9">
<input id="latitude" class="form-control" type="textbox">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="longitude">Longitude</label>
<div class="col-md-9">
<input id="longitude" class="form-control" type="textbox">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-4">
<button type="button" class="btn btn-primary" onclick="codeLatLng(1)">Get Address</button>
</div>
</div>
</form>
<form class="form-horizontal" role="form">
<h4>DMS (degrees, minutes, secondes)*</h4>
<div class="form-group">
<label class="col-md-3 control-label" for="latitude">Latitude</label>
<div class="col-md-9">
<label class="radio-inline">
<input type="radio" name="latnordsud" value="nord" id="nord" checked/>
N
</label>
<label class="radio-inline">
<input type="radio" name="latnordsud" value="sud" id="sud" />
S
</label>
<input class="form-control sexagesimal" id="latitude_degres" type="textbox">
<label for="latitude_degres">°</label>
<input class="form-control sexagesimal" id="latitude_minutes" type="textbox">
<label for="latitude_minutes">'</label>
<input class="form-control sexagesimalsec" id="latitude_secondes" type="textbox">
<label for="latitude_secondes">''</label>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="longitude">Longitude</label>
<div class="col-md-9">
<label class="radio-inline">
<input type="radio" name="lngestouest" value="est" id="est" checked/>
E
</label>
<label class="radio-inline">
<input type="radio" name="lngestouest" value="ouest" id="ouest" />
W
</label>
<input class="form-control sexagesimal" id="longitude_degres" type="textbox">
<label for="longitude_degres">°</label>
<input class="form-control sexagesimal" id="longitude_minutes" type="textbox">
<label for="longitude_minutes">'</label>
<input class="form-control sexagesimalsec" id="longitude_secondes" type="textbox">
<label for="longitude_secondes">''</label>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-4">
<button type="button" class="btn btn-primary" onclick="dmsversdd()">Get Address</button>
</div>
</div>
</form>
<div class="form-group">
</div>
<span class="help-block"><small>* World Geodetic System 84 (WGS 84)</small></span>
</div>
<div class="col-md-8">
<div id="map_canvas"></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Street View</h3>
<p>Interested in watching Street View in action alongside different types of Google Maps, all synchronized? Check out our <a href="https://www.mapsview.net/" target="_blank" title="Google Maps">maps project</a>!</p>
<h3>Name your GPS Coordinates!</h3>
<p>You can name any place (latitude and longitude) you bookmarked and make them available through our <a href="/api">API</a>.</p>
<p>
<a href="/register/">Create a free account</a> to bookmark your favorite places. Once logged in, just click on the star inside the infowindow on the map to add the point to your bookmark list (you can find it under the map on any page).<br>
This is especially useful if you look for specific places on a device like your desktop, in order to use them later on with your mobile or your tablet. Just login and your points of interest will be available on all your devices (and on all the pages).
</p>
<h3>Geolocation</h3>
<p>We opted to center the map on your GPS location when possible, using the <strong>html5 geolocation</strong> feature.<br>
Your <strong>latitude and longitude</strong> are provided by your browser, but we can't access them without your consent. We do not keep any record of the location of our users, so feel free to allow the geolocation feature if you find it convenient. <a href="/geolocation">Visit this page</a> to see how to enable geolocation with all major browsers.<br>
If you don't want to share your geolocation, the map will just be centered on a default GPS point.
</p>
<h3>Customize your Google Maps</h3>
<p>You can create links to custom <strong>Google Maps</strong> to share with your friends or customers. <a href="/custom-map">Try it now</a>.<br>
We're happy to be the official <strong>IP geolocation service</strong> for <a href="http://www.my-ip-address.net/" title="my IP address">www.my-ip-address.net</a>.</p>
<h3>Maps for mobile</h3>
<p>
gps-coordinates.net has adopted a responsive design for a better user experience with our maps on mobiles. Please let us know what you think!<br>
</p>
<p>You can also visit our French, Spanish, German, Dutch, Swedish, Italian and Polish partner sites: <a href="http://www.coordonnees-gps.fr" title="coordonnées GPS">www.coordonnees-gps.fr</a> | <a href="http://www.coordenadas-gps.com" title="Coordenadas GPS">www.coordenadas-gps.com</a> | <a href="http://www.gpskoordinaten.de" title="GPS-Koordinaten">www.gpskoordinaten.de</a> | <a href="http://www.gps-coordinaten.nl" title="Google Maps Coordinaten">www.gps-coordinaten.nl</a> | <a href="http://www.gpskoordinater.com/" title="Google Maps Koordinater">www.gpskoordinater.com</a> | <a href="http://www.coordinate-gps.it" title="latitudine e longitudine">www.coordinate-gps.it</a> | <a href="http://www.wspolrzedne-gps.pl" title="Google Maps wspolrzedne">www.wspolrzedne-gps.pl</a></p>
<hr>
<!-- <h2><a href="https://secure.servergrove.com/clients/aff.php?aff=303" rel="nofollow" target="_blank"><img src="/images/sg160x40_b.png"/></a></h2> -->
<!-- <p>We are hosted by <a href="https://secure.servergrove.com/clients/aff.php?aff=303" rel="nofollow" target="_blank">ServerGrove</a>. They offer the best support and control panel for your php projects.</p> -->
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<p class="text-muted credit"><small>Copyright © 2016 www.gps-coordinates.net</small> | <a href="/contact" rel="nofollow">Contact</a> | <a href="/privacy" rel="nofollow">Privacy</a></p>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> -->
<!-- <script src="/js/bootstrap.min.js"></script> -->
<!-- <script>
$(document).ready(function() {
$("form").keypress(function(e) {
//Enter key
if (e.which == 13) {
return false;
}
});
});
</script> -->
<script>
$(document).ready(function() {
$("#address").keydown(function(e) {
fromPlace = 0;
});
});
</script>
<script>
$(document).ready(function() {
$('#wrap').on('click', '.favorite', function(e) {
$('#dp_pointbundle_point_submit').trigger('click');
$(this).replaceWith('<button type="button" class="bookmarked btn btn-primary"><span class="glyphicon glyphicon-star"></span></button>');
});
$('#form_wrap').on('submit', 'form', function(e) {
e.preventDefault();
$.ajax({
type: $(this).attr('method'),
cache: false,
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: "json",
success: function(data){
if (data.responseCode===200) {}
else if (data.responseCode==400) alert(data.message);
else alert("ok");
$.ajax({
url: "/point/update",
cache: false,
success: function(data2){
if (data2.responseCode==200) $('#bookmarks_wrap').html(data2.updated);
//else if (data2.responseCode==400) alert(data2.message);
//else alert("ok");
},
error: function(xhr, err) {
//alert("This is taking too long. You may have internet connectivity issues or the server is down.");
}
});
},
error: function(xhr, err) {
alert("Error. You may have internet connectivity issues or the server is down.");
}
});
return false;
});
$('#bookmarks_wrap').on('submit', '.point_delete', function(e) {
e.preventDefault();
$(this).replaceWith('<img src="/images/loader.gif" style="margin-left: 25px; margin-top: 8px;"/>');
$.ajax({
type: $(this).attr('method'),
cache: false,
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: "json",
success: function(data){
if (data.responseCode==200) {}
else if (data.responseCode==400) alert(data.message);
else alert("ok");
$.ajax({
url: "/point/update",
cache: false,
success: function(data2){
if (data2.responseCode==200) $('#bookmarks_wrap').html(data2.updated);
// else if (data2.responseCode==400) alert(data2.message);
//else alert("Error");
},
error: function(xhr, err) {
//alert("Error");
}
});
},
error: function(xhr, err){
alert("Error. You may have internet connectivity issues or the server is down.");
}
});
return false;
});
$('#bookmarks_wrap').on('click', '.ok', function(e) {
e.preventDefault();
var l = Ladda.create(this);
l.start();
var stamp = new Date().getTime();
var newId = "naming_" + stamp;
$(this).attr("id", newId);
var namingForm = $(this).closest('form');
//var td = $(this).closest('td');
//td.overlay();
$.ajax({
type: namingForm.attr('method'),
cache: false,
url: namingForm.attr('action'),
data: namingForm.serialize()+'&pointId='+namingForm.attr('data-point-id')+'&newId='+newId,
dataType: "json",
success: function(data){
var clicked = $('#' + data.newId);
var input = clicked.prev('input');
var p = clicked.closest('form').next(".log");
$('.log').html("");
if (data.responseCode==200)
{
input.val(data.newName);
p.html('<p class="alert-success">Name succesfully registered</p>');
}
else if (data.responseCode==400)
{
if (data.newId==0) alert(data.message);
else p.html('<p class="alert-danger">' + data.message + '</p>');
}
else alert("A problem has occured - please try again");
},
error: function(xhr, err){
alert("A problem has occured - please try again");
}
}).always(function() { l.stop(); l.remove(); });
return false;
});
});
</script>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js?onload=onLoadCallback';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</body>
</html>