html5 页面定位功能

最新推荐文章于 2024-04-24 16:21:32 发布

桃根仙

最新推荐文章于 2024-04-24 16:21:32 发布

阅读量1.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/taotaobaobei/article/details/91403140

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
	<head>
	<style>
	 #map{
	 width:1000px;height:1000px;
	 }
	</style>
	</head>
	<body>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=ED2d81c757f7791bca47640cce651789"></script>
	<script>
	  function success (position) {
        var la=position.coords.latitude;
		var lo=position.coords.longitude;
		var map = new BMap.Map("map");                        // 创建Map实例
		map.centerAndZoom(new BMap.Point(lo,la), 15);     // 初始化地图,设置中心点坐标和地图级别
		map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
		map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
		map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
		map.enableScrollWheelZoom();                            //启用滚轮放大缩小
		map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
		map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
		var local = new BMap.LocalSearch(map, {
         renderOptions: {map: map, panel: "r-result"}
          });
       local.search("学校")
	  }
	  function error (errorCode) {
       alert(errorCode.code+"--"+errorCode.message);
	  }
	 var options={};
      if(navigator.geolocation){
	    navigator.geolocation.getCurrentPosition(success,error,options)
	  }else{
	  alert("您的浏览器out了");
	  }
	</script>
	<div id="map">
	</div>
	</body>
</html>

桃根仙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5 页面定位功能

<!DOCTYPE HTML><html> <head> <style> #map{ width:1000px;height:1000px; } </style> </head> <body> <script type="text/javascript" src="http://a...
复制链接

扫一扫