JavaScript嵌入百度地图

在百度地图API官网申请对应的密钥之后就可以在JavaScript中以在线的方式嵌入百度地图了。

<script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=密钥">
</script>

创建地图实例

var map = new BMap.Map();          // 创建地图实例  

显示地图

 map = new BMap.Map("map_canvas");          // 创建地图实例   
    var point = new BMap.Point(112.931,28.169);  // 创建点坐标  
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别 
    map.enableScrollWheelZoom();

显示地图相关控件：

//显示地图类型控件
    map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));     //2D图，卫星图
    map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT}));    //左上角，默认地图控件
    map.setCurrentCity("长沙");   //由于有3D图，需要设置城市哦
    //添加缩放控件
    map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
    //添加比例尺控件
    map.addControl(new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}));                    // 左下