通过手机页面获取当前城市

最新推荐文章于 2024-04-24 14:52:16 发布

丁-丁

最新推荐文章于 2024-04-24 14:52:16 发布

阅读量792

点赞数

分类专栏：页面文章标签：手机定位城市 baiduapi 地图

本文链接：https://blog.csdn.net/dhappy05/article/details/46894757

版权

页面专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
		#golist {display: none;}
		@media (max-device-width: 780px){#golist{display: block !important;}}
	</style>
	<title>自动获取定位访问者当前城市</title>
	<!--不可省略-->
	<!--ak=为你在百度api上申请的密钥-->
	<!---->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LTxejL0gZm8i3eDb4DBi3Z3R"></script>
	<script type="text/javascript">
		// 百度地图API功能
		var map = new BMap.Map("bdMapBox");
		//打开以下两行中的任意一行就无法获取到当前城市，原因等查
		//map.centerAndZoom('北京', 11);      
		//map.addControl(new BMap.ZoomControl());  //添加地图缩放控件
	
		var nowCity = new BMap.LocalCity();
		nowCity.get(bdGetPosition);
		function bdGetPosition(result){
			var cityName = result.name; //当前的城市名
			/*自定义代码*/
			atCity.innerHTML = cityName;
			/*自定义代码*/
		}
</script>
</head>
<body>
	<!--不可省略-->
	<p>您当前所在的城市为：<span id="atCity"></span></p>
	
	<!--不可省略-->
	<div id="bdMapBox" style="display:block;"></div>
	
</body>
</html>