获取经纬度的html页面,获得当前位置经纬度.html

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

浏览器定位

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

if(this.getStatus() == BMAP_STATUS_SUCCESS){

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);

map.panTo(r.point);

alert('您的位置:'+r.point.lng+','+r.point.lat);

}

else {

alert('failed'+this.getStatus());

}

},{enableHighAccuracy: true})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用地图 API 获取用户当前位置经纬度的方法通常包括以下几个步骤: 1. 在 HTML 页面中引入地图 API 的 JavaScript 库。 2. 创建一个用于显示地图的 HTML 元素。 3. 使用 JavaScript 代码初始化地图并设置一些属性,例如缩放级别、地图类型等。 4. 使用浏览器的定位 API 获取用户当前位置信息(经纬度)。 5. 将获取到的经纬度信息传递给地图 API,并将地图中心点设置为用户当前位置。 下面是一份示例代码,演示了如何使用 Google 地图 API 获取用户当前位置经纬度: ```html <!DOCTYPE html> <html> <head> <title>获取用户当前位置经纬度示例</title> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> <script> function initMap() { // 创建一个用于显示地图的 HTML 元素 var mapElement = document.getElementById('map'); // 使用 JavaScript 代码初始化地图,并设置一些属性 var map = new google.maps.Map(mapElement, { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }); // 使用浏览器的定位 API 获取用户当前位置信息 navigator.geolocation.getCurrentPosition(function(position) { // 获取用户当前位置经纬度信息 var userLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); // 将地图中心点设置为用户当前位置 map.setCenter(userLatLng); }); } </script> </head> <body onload="initMap()"> <div id="map" style="height: 500px"></div> </body> </html> ``` 上面的代码中,需要将 `YOUR_API_KEY` 替换为你自己的 Google 地图 API key。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值