百度地图API功能

设置Map样式

<style type="text/css">
        body, html,#id {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        #l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
        #r-result{height:100%;width:20%;float:left;}
    </style>

引用

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥">
//v2.0版本的引用方式：src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"
//v1.4版本及以前版本的引用方式：src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"
</script>

创建Map实例

map = new BMap.Map("id", {enableMapClick : true});// 创建Map实例，地图元素是否可点
var point = new BMap.Point(***,*** );// 设置地图坐标

 

Control：控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。

NavigationControl：地图平移缩放控件，PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。移动端提供缩放控件，默认位于地图右下方。

OverviewMapControl：缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图。

ScaleControl：比例尺控件，默认位于地图左下方，显示地图的比例关系。

MapTypeControl：地图类型控件，默认位于地图右上方。

CopyrightControl：版权控件，默认位于地图左下方。

GeolocationControl：定位控件，针对移动端开发，默认位于地图左下方。

添加控件

map.addControl(mapType1);
        map.centerAndZoom(point, 15);
        map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
        var top_left_control = new BMap.ScaleControl({
            anchor : BMAP_ANCHOR_TOP_LEFT
        });// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();
        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        myDis = new BMapLib.DistanceTool(map);//距离测算