js获取你的坐标

最新推荐文章于 2024-09-27 14:38:27 发布

原创最新推荐文章于 2024-09-27 14:38:27 发布 · 540 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

39 篇文章

订阅专栏

本文介绍如何通过引入百度地图API来获取用户的地理位置信息，并提供了一段示例代码，包括HTML和JavaScript部分。代码演示了如何在网页上创建按钮并调用浏览器的地理定位功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提要引入百度API：

<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>

html

<body>
   <p id="demo">点击这个按钮，获得您的坐标：</p>
   <button onclick="getLocation()">试一下</button>
</body>

<script>

      var x=document.getElementById("demo");
      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;   
     }

</script>