百度地图简单应用

最新推荐文章于 2024-09-05 13:23:02 发布

xiaobo1760

最新推荐文章于 2024-09-05 13:23:02 发布

阅读量93

点赞数

分类专栏： javascript 文章标签：百度 PHP

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

简单的设置了几个属性，大体架子已经出来了。
具体可以参阅http://dev.baidu.com/wiki/map/index.php?title=%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97


<html>
	<head>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>  
	<script type="text/javascript">  
		function MblogDotccMap(){  
                       // 创建地图实例  
			var map = new BMap.Map("MblogMap");
                        //坐标到这里找http://dev.baidu.com/wiki/static/map/API/tool/getPoint/
			var point = new BMap.Point(116.403856,39.914887);
			map.centerAndZoom(point, 15);                // 初始化地图，设置中心点坐标和地图级别  
                        //添加一些控件
			map.addControl(new BMap.NavigationControl());
			map.addControl(new BMap.ScaleControl());
			map.addControl(new BMap.OverviewMapControl()); 
//			map.addControl(new BMap.MapTypeControl());
		　　var marker = new BMap.Marker(point);        // 创建标注  
　　		map.addOverlay(marker); 
                        //滚轮事件
			map.enableScrollWheelZoom(true);

		var infoWindow = new BMap.InfoWindow("<img title='这里' alt='这里' src='http://www.iteye.com/upload/logo/user/483833/f73688df-27ad-38dc-8a56-06c465c9b6d5.jpg?1305767184' /><br/><span>I'am here.</span>");  // 创建信息窗口对象
		marker.addEventListener("click", function(){        //给标注添加点击事件
			this.openInfoWindow(infoWindow);
		}); 
		}  
	</script>
	</head>
	<body onload="MblogDotccMap();">
		<div style="width:600px;height:450px;border:1px solid gray; float:left" id="MblogMap"></div> 
		<div id="results"></div>
  </body>
</html>

xiaobo1760

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图简单应用

简单的设置了几个属性，大体架子已经出来了。具体可以参阅http://dev.baidu.com/wiki/map/index.php?title=%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97[code="html"] function MblogDotccMap(){ // ...
复制链接

扫一扫

专栏目录