百度web定位 html5百度地图定位

最新推荐文章于 2024-07-04 00:59:27 发布

zhuyangxing

最新推荐文章于 2024-07-04 00:59:27 发布

阅读量978

点赞数

文章标签： javascript 百度地图百度 html5 web

本文链接：https://blog.csdn.net/zhuyangxing/article/details/46400065

版权

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<style type="text/css">  
body, html,#l-map {width: 100%;height: 100%;overflow: hidden;margin:0;}  
</style>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2&ak=2bbe1b8821e6144afdecded45a612407"></script>  
<title>显示地图</title>  
</head>  
<body>  
<div id="l-map"></div>  

<script type="text/javascript">  

function initMap(point){ 
//初始化地图 
var map = new BMap.Map("l-map"); 
map.addControl(new BMap.ScaleControl()); //左下角比例尺
map.addControl(new BMap.NavigationControl());//电脑版是左上角省市县(手机是右下角加减按钮)
map.addControl(new BMap.GeolocationControl());//左下角定位按钮
map.enableMapClick=false;
map.centerAndZoom(point, 15); 
map.addOverlay(new BMap.Marker(point)) 
} 

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;
	initMap(new BMap.Point(crd.longitude,crd.latitude));
  console.log('Your current position is:');
  console.log('Latitude : ' + crd.latitude);
  console.log('Longitude: ' + crd.longitude);
  console.log('More or less ' + crd.accuracy + ' meters.');
};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

navigator.geolocation.getCurrentPosition(success, error, options);
</script>
</body>
</html>

直接保存为html文件，不要用浏览器打开本地文件把文件放到服务器上去然后用电脑和手机访问即可电脑显示

zhuyangxing

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
百度web定位 html5百度地图定位

body, html,#l-map {width: 100%;height: 100%;overflow: hidden;margin:0;} 显示地图 function initMap(point){ //初始化地图 var map = new BMap.Map("l-map"); map.addControl(new BMap.ScaleC
复制链接

扫一扫