百度地圖搜索代碼
現(xiàn)代社會(huì)中,地圖已經(jīng)成為人們?nèi)粘I睢⒊鲂小⒐ぷ鳌蕵?lè)等方面的必不可少的工具。而在網(wǎng)頁(yè)開發(fā)中,利用地圖進(jìn)行地址定位和查詢也是一個(gè)常見的需求。百度地圖API提供了多種功能,其中就包括搜索功能。下面給出一段搜索代碼的示例:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密鑰"></script> <script type="text/javascript"> var map = new BMap.Map("container"); var poi = new BMap.Point(116.307852,40.057031); map.centerAndZoom(poi, 14); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.addControl(new BMap.MapTypeControl()); var local = new BMap.LocalSearch(map, { renderOptions:{map: map} }); local.search("餐廳"); </script>
上面的代碼中,首先需要引入百度地圖API的JavaScript腳本,在腳本的URL中填寫自己的密鑰。接著創(chuàng)建一個(gè)地圖實(shí)例,并設(shè)置中心點(diǎn)和縮放級(jí)別。然后添加一些地圖控件,包括導(dǎo)航控件、比例尺控件、縮略地圖控件和地圖類型控件。最后創(chuàng)建一個(gè)本地搜索實(shí)例,并設(shè)置搜索關(guān)鍵詞,將搜索結(jié)果渲染到地圖上。
這段代碼可以在一個(gè)HTML文檔中直接使用,只需要在body標(biāo)簽內(nèi)添加一個(gè)id為container的div元素即可。同時(shí)需要注意,在使用百度地圖API時(shí)需要申請(qǐng)密鑰,具體教程可以參考百度地圖開放平臺(tái)。
上一篇html特效圖形代碼
下一篇vue橫向改縱向