Java web實現百度地圖導航


首先進入百度地圖首頁
網址:http://lbsyun.baidu.com/index.php?title=首頁
接着注冊賬號登錄

接下來要注冊成為百度地圖個人開發者才能使用百度地圖

          

填寫相關的資料,我已經認證成功,資料填寫很簡單

由於百度地圖要基於相應的應用,所以必須創建一個應用才可以使用秘鑰,要不然地圖不能打開。應用名稱隨便輸入,應用類型一般選擇瀏覽器端,應用服務可以全選,Referer白名單如果沒有的話就填*,提交信息,等待一分鍾就能看到結果,還是很快的。

之后我們就可以看見自己創建的應用即秘鑰

接着我們點開發文檔選擇JavaScript API進入開發頁面
網址:http://lbsyun.baidu.com/index.php?title=jspopular

選擇相應的地圖類型,這里我選擇駕車路線規划,在右側可以看到相應的代碼,把他復制代eclipse中就可以看到效果。
在eclipse里創建一個Java web網址,新建一個jsp文件,把上述代碼復制進去,秘鑰換成自己的秘鑰盡可以了,至此Java web使用百度地圖就完成了,可以參考相關的開發文檔繼續完善自己的地圖。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>駕車路線規划</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=這里輸入你自己創建應用時的秘鑰"></script>
<style type="text/css">
body, html,#container {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
</style>
</head>
<body>
 <div id="container"></div>
<script type="text/javascript">
    
 
        var map = new BMap.Map("container"); 
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 14); 
        var driving = new BMap.DrivingRoute(map, { 
            renderOptions: { 
                map: map, 
                autoViewport: true 
            }
        });
        var start = new BMap.Point(116.310791, 40.003419);
        var end = new BMap.Point(116.486419, 39.877282);
        driving.search(start, end);
        
        var map = new BMap.Map("container");    
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);    
        map.addControl(new BMap.NavigationControl());
        map.addControl(new BMap.NavigationControl());    
        map.addControl(new BMap.ScaleControl());    
        map.addControl(new BMap.OverviewMapControl());    
        map.addControl(new BMap.MapTypeControl());    
        map.setCurrentCity("貴陽"); // 僅當設置城市信息時,MapTypeControl的切換功能才能可用  
        
        var map = new BMap.Map("container");          // 創建地圖實例  
        var point = new BMap.Point(116.404, 39.915);  // 創建點坐標  
        map.centerAndZoom(point, 15);   
        map.enableScrollWheelZoom(true);     //開啟鼠標滾輪縮放// 初始化地圖,設置中心點坐標和地圖級別 
</script>
</body>
</html>

 

-----------------------------------------------------------------------------------------------------------------------------------------歡迎光臨,期待您的下次光臨!


免責聲明!

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



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