使用百度地图api获取设备经纬度 前端

要获取设备经纬度需要使用浏览器提供的 `navigator.geolocation` 接口, 该接口提供了获取设备地理位置信息的方法。

具体实现步骤如下：

1. 在 HTML 文件中添加一个显示地图的 `div` 元素，例如：

   <div id="map"></div>

2. 使用 JavaScript 代码调用 `navigator.geolocation.getCurrentPosition()` 方法获取当前设备位置信息。例如：

   navigator.geolocation.getCurrentPosition(function(position) {
     // 获取到用户的位置信息
     const latitude = position.coords.latitude;  // 纬度
     const longitude = position.coords.longitude;  // 经度
     // 使用百度地图api将位置信息显示在地图上
     const map = new BMap.Map("map");  // 创建地图实例
     const point = new BMap.Point(longitude, latitude);  // 创建点坐标
     map.centerAndZoom(point, 15);  // 设置地图中心点和缩放级别
     const marker = new BMap.Marker(point);  // 创建标注
     map.addOverlay(marker);  // 将标注添加到地图中
   }, function(error) {
     // 获取位置信息失败
     console.error(error);
   });

3. 在百度地图开放平台申请一个 API key，并且在 HTML 文件中添加引用百度地图 API 的 `script` 标签。例如：

   <script src="https://api.map.baidu.com/api?v=3.0&ak=您的API key"></script>

4. 运行 HTML 文件，在浏览器中查看地图是否正确显示。