百度地图Api进阶教程-点击生成和拖动标注4.html

gqsunrise

浏览: 596292 次
性别:
来自: 成都

最近访客更多访客>>

uule

springdeng

mocali

WXFLMB

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

百度地图Api进阶教程

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图</title>


<script type="text/javascript">
	var iscreatr=false;
	function initialize() {
		//---------------------------------------------基础示例---------------------------------------------
		var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20});            // 创建Map实例
		//map.centerAndZoom(new BMap.Point(116.4035,39.915),15);  //初始化时，即可设置中心点和地图缩放级别。
		map.centerAndZoom("成都",13);                     // 初始化地图,设置中心点坐标和地图级别。
		map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动
		
		map.addEventListener("click", function(e){
			if(iscreatr==true)return;
			//---------------------------------------------遮盖物---------------------------------------------
			iscreatr=true;
			 var point = new BMap.Point(e.point.lng ,e.point.lat);//默认
			 // 创建标注对象并添加到地图  
			 var marker = new BMap.Marker(point);  
			 var label = new BMap.Label("我是可以拖动的",{offset:new BMap.Size(20,-10)});
			 marker.setLabel(label)
			 map.addOverlay(marker);  
			 marker.enableDragging();    //可拖拽
			 marker.addEventListener("dragend", function(e){ 
					document.getElementById("r-result").innerHTML = e.point.lng + ", " + e.point.lat;//打印拖动结束坐标
			 });
		});

	}
 
	function loadScript() {
	   var script = document.createElement("script");
	   script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";
	   document.body.appendChild(script);
	}
 
	window.onload = loadScript;
</script>


</head>
 <body>
	<div id="r-result" style="float:left;width:100px;">打印坐标</div>
	<div id="allmap" style="width: 800px; height: 500px"></div>
</body>
</html>

<script type="text/javascript">
	// 移动到某点 map.panTo(new BMap.Point(116.409, 39.918));  
	 // map.setZoom(14);   //放到到14级
</script>

分享到：

百度地图Api进阶教程-弹出信息窗口5.html | 百度地图Api进阶教程-创建标注和自定义标 ...

2014-04-10 14:20
浏览 1182
评论(0)
分类:行业应用
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

百度地图Api进阶教程-点击生成和拖动标注4.html

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

百度地图Api进阶教程-点击生成和拖动标注4.html

评论

发表评论

相关推荐

百度地图Api进阶教程-弹出信息窗口5.html

百度地图Api进阶教程-创建标注和自定义标注3.html

百度地图Api进阶教程-默认控件和自定义控件2.html

百度地图Api进阶教程-基础地图示例1.html

最近访客更多访客>>