<meta http-equiv="Content-Typecontent=" text> 百度地图<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4&services=false"></script>
<script type="text/javascript"> var map=new BMap.Map("container");//创建地图实例 map.addControl(new BMap.NavigationControl());//平移缩放控件 map.addControl(new BMap.ScaleControl());//比例尺控件 map.addControl(new BMap.OverviewMapControl());//缩略图控件 map.enableScrollWheelZoom(); //启用滚轮放大缩小 var points=[{x:116.404,y:39.915,txt:"1是北京"},{x:116.402,y:39.913,txt:"2是上海"},{x:116.406,y:39.917,txt:"3是天津"},{x:116.400,y:39.911,txt:"4是杭州"},{x:116.408,y:39.919,txt:"5是香港"}]; var markers=[]; for (var i = 0; i < points.length; i++) { var x = points[i].x; var y = points[i].y; var point=new BMap.Point(x,y);//创建点坐标 map.centerAndZoom(point,15);//初始化地图,设置中心点坐标和地图级别 var marker=new BMap.Marker(point,{title: i +1});//创建标注 markers.push(marker); map.addOverlay(marker); } map.addEventListener('click', function(e){ alert('点击坐标: '+ e.point.lng +', '+ e.point.lat); }); for (i =0; i <points.length; i ++) { (function(){ var index = i; var test=points[i].txt; markers[i].addEventListener('click', function(){ this.openInfoWindow(new BMap.InfoWindow(test)); }); })(); } </script>
百度地图简单例子
最新推荐文章于 2022-06-08 14:42:03 发布