百度地图通过传入地址实现实时定位
生活随笔
收集整理的這篇文章主要介紹了
百度地图通过传入地址实现实时定位
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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{ 100%;height: 100%; margin:0;font-family:"微軟雅黑";}
7 #l-map{height:300px;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
然后地圖就有了變化
地圖的定位范圍變大了
總結
以上是生活随笔為你收集整理的百度地图通过传入地址实现实时定位的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 华为设备组网 华为设备组网的设备有哪些
- 下一篇： 英特尔物联网产业的布局中，优势和劣势都在