百度地图接口拾取坐标-存入数据库

最新推荐文章于 2022-08-23 15:56:17 发布

oldbalck

最新推荐文章于 2022-08-23 15:56:17 发布

阅读量780

点赞数

文章标签：数据库 python javascript ViewUI

原文链接：https://my.oschina.net/u/914487/blog/840509

版权

2019独角兽企业重金招聘Python工程师标准>>>

<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">
		#allmap {width: 700px;height:500px;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	
	<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
	
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cwGFgiPNvBmGsidZzdCprWBRt6b0Cyxp"></script>
	
	<title>单击获取点击的经纬度</title>
</head>
<body>
	<div id="allmap"></div>
	
	<input type="text" name="lng" id="lng" />
	<input type="text" name="lat" id="lat" />
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");      

	var point = null;
	var marker =null;
	
	map.centerAndZoom("重庆",12);    

	map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
	
	//单击获取点击的经纬度
	/*
	map.addEventListener("click",function(e){
		//alert(e.point.lng + "," + e.point.lat);
		$("#lng").val(e.point.lng);
		$("#lat").val(e.point.lat);
		
		
		var point = new BMap.Point(e.point.lng,e.point.lat);
	
		var marker = new BMap.Marker(point);// 创建标注
		map.addOverlay(marker);             // 将标注添加到地图中
		
		marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
		//marker.disableDragging();           // 不可拖拽
		marker.enableDragging();
		
	});
	*/
	map.addEventListener("click",function(e){
	
		if(point==null && marker==null)
		{
			point = new BMap.Point(e.point.lng,e.point.lat);
			marker = new BMap.Marker(point,{
			enableDragging: true,
			raiseOnDrag: true
			}); // 创建标注
			map.addOverlay(marker);// 将标注添加到地图中
			
			$("#lng").val(e.point.lng);
			$("#lat").val(e.point.lat);
		}
		
		if(point!=null)
		{
			//标注点拖动事件
			marker.addEventListener('dragend', function(e){
				//alert(e.point.lng + ', ' + e.point.lat);
				$("#lng").val(e.point.lng);
				$("#lat").val(e.point.lat);
			});
		}

	});	
	
	
	
	//var lng = $("#lng").val();
	//var lat = $("#lat").val();
	
	
</script>

转载于:https://my.oschina.net/u/914487/blog/840509