Question

百度地图在html中怎么自动定位

Answer 1

方法/步骤

1. 通过浏览器打开这个连接：http://api.map.baidu.com/lbsapi/creatmap/，你会看到如下图：

   
   

2. 选择当前城市，然后输入具体地址，搜索。

   
   

3. 添加标注，展开后有三种形式，如图

   
   

4. 默认选择第一种形式，把鼠标放入右边的地图，点击，然后会出现如下图，填写左边的选项，保存。

   
   

Answer 2

<script src='http://api.map.baidu.com/api?v=2.0&ak=GAGiz9gdoRfTpImL6A2RZYxH' type='text/javascript'></script>
	<div style="width:98%;margin: 0 auto;">
		<form action="" method="post">
			<dl>
				<dd>
					<p>地图定位：</p>
					<div id="allmap" style="height:450px"></div>
					<input type="hidden" id="lng" name="lng" value="" />
					<input type="hidden" id="lat"  name="lat" value="" />
				</dd>
			</dl>
		</form>
	</div>
	<script type="text/javascript">  
	
	navigator.geolocation.getCurrentPosition( // 该函数有如下三个参数
		function(pos){ // 如果成果则执行该回调函数
			var map = new BMap.Map("allmap");

			map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
			map.enableScrollWheelZoom(true);
			var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
			var top_left_navigation = new BMap.NavigationControl();
			map.addControl(top_left_control);
			map.addControl(top_left_navigation);

			var lat = pos.coords.latitude;
			var lng = pos.coords.longitude;

			lng = lng ? lng : 111.55931854248;
			lat = lat ? lat : 40.86986923218;

			var myGeo = new BMap.Geocoder();
			map.centerAndZoom(new BMap.Point(lng, lat), 20);
			var npoint = new BMap.Point(lng,lat)
			var marker = new BMap.Marker(npoint);  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
			map.panTo(npoint); 
			function showInfo(e){
				$("#lng").val(e.point.lng)
				$("#lat").val(e.point.lat)
				map.clearOverlays(); 
				var new_point = new BMap.Point(e.point.lng,e.point.lat)
				var marker = new BMap.Marker(new_point);  // 创建标注
				map.addOverlay(marker);              // 将标注添加到地图中
				map.panTo(new_point); 
			}
			map.addEventListener("click", showInfo);
		}, function(err){ // 如果失败则执行该回调函数
			alert(err.message);
		}, { // 附带参数
			enableHighAccuracy: false, // 提高精度(耗费资源)
			timeout: 3000, // 超过timeout则调用失败的回调函数
			maximumAge: 1000 // 获取到的地理信息的有效期，超过有效期则重新获取一次位置信息
		}
	);
		
	
	</script>

Answer 3

1. 浏览器定位：http://lbsyun.baidu.com/jsdemo.htm#i8_1

2. ip定位：http://lbsyun.baidu.com/jsdemo.htm#i8_2

3. 城市名定位：http://lbsyun.baidu.com/jsdemo.htm#i8_3

4. 经纬度定位：http://lbsyun.baidu.com/jsdemo.htm#i8_4

   以上定位均需自己申请api秘钥

   
   

Answer 4

方法/步骤

1
通过浏览器打开这个连接：http://api.map.baidu.com/lbsapi/creatmap/，你会看到如下图：

2
选择当前城市，然后输入具体地址，搜索。

3
添加标注，展开后有三种形式，如图

4
默认选择第一种形式，把鼠标放入右边的地图，点击，然后会出现如下图，填写左边的选项，保存。

END
方法/步骤2

获取代码

Answer 5

思路是这样的：
第一步：获取访客ip
第二步：把ip传给你的服务器，你的服务器发送请求到百度地图，百度地图回传定位的地图
第三步：展示用户所在地的地图