百度地圖通過傳入地址實現實時定位


 1 <html>
 2 <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 4     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 5     <style type="text/css">
 6         body, html{width: 100%;height: 100%; margin:0;font-family:"微軟雅黑";}
 7         #l-map{height:300px;width:500px;}
 8 
 9     </style>
10     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9ulK3i81gwkMIabFKPbORZzaTY6NRHFx"></script>
11     <title>本地搜索的結果面板</title>
12 </head>
13 <body>
14     <div id="l-map"></div> // 直接通過修改div的寬高來改變實現對生成地圖大小的改變
15 </body>
16 </html>
17 <script type="text/javascript">
18     // 百度地圖API功能
19     var map = new BMap.Map("l-map");            // 創建Map實例
20     map.centerAndZoom(new BMap.Point(120.188287,30.194381), 11);
21     var local = new BMap.LocalSearch(map, {
22         renderOptions: {map: map}
23     });
24     local.search("這里輸入想要定位的地址");// 這里輸入想要定位的地址 25 
  </script>

 

可以通過改變地址url中的參數來對地圖進行修改

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

把上面的地址修改成這樣:

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

參數由:

v=2.0&ak=9ulK3i81gwkMIabFKPbORZzaTY6NRHFx    //9ulK3i81gwkMIabFKPbORZzaTY6NRHFx   這是賬戶申請的秘鑰

變成了:

key=&v=1.1&services=true

 

然后地圖就有了變化

 

地圖的定位范圍變大了

 


免責聲明!

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



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