Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <body>
- <p>Click the button to get your coordinates.</p>
- <button onclick="getLocation()">Try It</button>
- <p id="demo"></p>
- <script>
- var x = document.getElementById("demo");
- function getLocation() {
- if (navigator.geolocation) {
- navigator.geolocation.getCurrentPosition(showPosition);
- } else {
- x.innerHTML = "Geolocation is not supported by this browser.";
- }
- }
- function showPosition(position) {
- x.innerHTML = "Latitude: " + position.coords.latitude +
- "<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'/>"
- ;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement