百度地图的初级使用学习

  百度地图的学习还只是初用者。

这是一段js程序

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.2&services=true"></script>

<script type="text/javascript">

  var map = new BMap.Map("dituContent");
  var point = new BMap.Point(118.13454,24.491539);
  var marker = new BMap.Marker(point);//在point处添加标注
  var opts = {
      width : 260,     // 信息窗口宽度
      height: 85,     // 信息窗口高度
      title : "<strong>联系我们</strong>" // 信息窗口标题
  }
 
  //向地图中添加缩放控件
  var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_SMALL});
  map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
  var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
  map.addControl(ctrl_ove);
  //map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)

  map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));
  //地图类型控件

  map.centerAndZoom(point, 15);////将point移到浏览器中心，并且地图大小调整为15;
  map.addOverlay(marker);//添加覆盖物

  var infoWindow = new BMap.InfoWindow("公司地址：厦门市思明区xx路<br/>电话：0592-xxxxxx <br/>邮箱：xxxxxx@qq.com", opts);  // 创建信息窗口对象
  marker.openInfoWindow(infoWindow );
  marker.addEventListener("click", function(){          
      this.openInfoWindow(infoWindow);  
  });

 

</script>

html部分，只需要一个id

<div style="border-right: #ccc 1px solid; border-toborder-leftp: #ccc 1px solid; : #ccc 1px solid; width: 658px; border-bottom: #ccc 1px solid; height: 350px" id="dituContent"></div>