使用html5 Geolocation显示你的地理位置
生活随笔
收集整理的這篇文章主要介紹了
使用html5 Geolocation显示你的地理位置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
點擊這個按鈕，獲得您的位置：
試一下
代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <p id="demo">點擊這個按鈕，獲得您的位置：</p> <button onclick="getLocation()">試一下</button> <div id="mapholder"></div> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script> var x=document.getElementById("demo"); function getLocation(){if (navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition,showError);}else{x.innerHTML="Geolocation is not supported by this browser.";}}function showPosition(position){lat=position.coords.latitude;lon=position.coords.longitude;latlon=new google.maps.LatLng(lat, lon)mapholder=document.getElementById('mapholder')mapholder.style.height='250px';mapholder.style.width='500px';var myOptions={center:latlon,zoom:14,mapTypeId:google.maps.MapTypeId.ROADMAP,mapTypeControl:false,navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}};var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});}function showError(error){switch(error.code) {case error.PERMISSION_DENIED:x.innerHTML="User denied the request for Geolocation."break;case error.POSITION_UNAVAILABLE:x.innerHTML="Location information is unavailable."break;case error.TIMEOUT:x.innerHTML="The request to get user location timed out."break;case error.UNKNOWN_ERROR:x.innerHTML="An unknown error occurred."break;}} </script> </body> </html>?
轉載于:https://www.cnblogs.com/joyho/articles/3057098.html
總結
以上是生活随笔為你收集整理的使用html5 Geolocation显示你的地理位置的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： box-shadow实现曲线投影效果
- 下一篇： 关闭子页面刷新父页面，不需要弹出确认窗口