百度地图API简单使用

百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  

<script src="http://api.map.baidu.com/api?v=版本&services=true或者false" type="text/javascript"></script>

显示广州火车站简单实例:

百度地图API简单使用

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8"/>  
    <title>百度地图API的使用</title>  
    <!-- 百度地图API-->
 <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>  
    <script type="text/javascript">  
    function initialize() {  
        //创建地图实例  
        var map = new BMap.Map(map);  
        //创建一个坐标
        var point =new BMap.Point(113.264641,23.154905);
        //地图初始化,设置中心点坐标和地图级别  
        map.centerAndZoom(point,15);  
    }  
    window.onload = initialize;  
    </script>  
</head>  
<body>  
<!-- 百度地图地图容器-->
    <div id="map" style="width:500px;height:320px"></div>  
</body>  
</html>  

地图上添加控件:

百度地图API简单使用

//添加控件
map.addControl(new BMap.MapTypeControl()); 

MapTypeControl ---------地图类型控件

CopyrightControl --------版权控件

ScaleControl       --------比例尺控件

NavigationControl  ------缩放控件

OverviewMapControl  ----缩略图控件

 

创建标注:

百度地图API简单使用

var marker = new BMap.Marker(point);   // 创建标注
map.addOverlay(marker);                        // 将标注添加到地图中                    

 

 

更多请参考百度开放文档:

http://developer.baidu.com/map/jsdemo.htm#a1_2

 

百度地图API简单使用

上一篇:MFC中创建QT窗体


下一篇:[转]使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结