百度地圖API簡單使用


百度地圖API是由JavaScript語言編寫的,在使用之前需要將API引用到頁面中:  現在新版本的需要密鑰,下面用的是舊版的

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

顯示廣州火車站簡單實例:

<!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>  

地圖上添加控件:

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

MapTypeControl ---------地圖類型控件

CopyrightControl --------版權控件

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

NavigationControl  ------縮放控件

OverviewMapControl  ----縮略圖控件

 

創建標注:

var marker = new BMap.Marker(point);        // 創建標注
map.addOverlay(marker);                        // 將標注添加到地圖中                    

 

創建信息窗口:

var infoWindow = new BMap.InfoWindow("I am here");    // 創建信息窗口對象
map.openInfoWindow(infoWindow,point);                 //開啟信息窗口

百度地圖偏移量:

經度校正值: 0.008774687519; 

緯度校正值: 0.00374531687912;

 

更多請參考百度開放文檔:

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM