通过google显示自己所在地地图_html-js-css

概述通过google显示自己所在地地图

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML><HTML><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>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的通过google显示自己所在地地图全部内容，希望文章能够帮你解决通过google显示自己所在地地图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1090737.html