Advertisement
iztoogood

nfz

Aug 21st, 2017
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <p>Click the button to get your coordinates.</p>
  6.  
  7. <button onclick="getLocation()">Try It</button>
  8.  
  9. <p id="demo"></p>
  10.  
  11. <script>
  12. var x = document.getElementById("demo");
  13.  
  14. function getLocation() {
  15.     if (navigator.geolocation) {
  16.         navigator.geolocation.getCurrentPosition(showPosition);
  17.     } else {
  18.         x.innerHTML = "Geolocation is not supported by this browser.";
  19.     }
  20. }
  21.  
  22. function showPosition(position) {
  23.     x.innerHTML = "Latitude: " + position.coords.latitude +
  24.     "<br>Longitude: " + position.coords.longitude + "<br> <iframe width='600' height='400' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' sandbox='allow-forms allow-scripts allow-same-origin' src='https://www.geoportail.gouv.fr/embed/visu.html?c="+position.coords.longitude+","+position.coords.latitude+"&z=15&l0=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN25TOUR::GEOPORTAIL:OGC:WMTS(1)&l1=TRANSPORTS.DRONES.RESTRICTIONS::GEOPORTAIL:OGC:WMS(1)&permalink=yes' allowfullscreen></iframe><br><img src='http://services.swpc.noaa.gov/images/planetary-k-index.gif?time=1502951404000'/>"
  25.     ;
  26. }
  27. </script>
  28.  
  29. </body>
  30. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement