soso地图api接口poi检索示例----并在信息框显示经纬度
生活随笔
收集整理的這篇文章主要介紹了
soso地图api接口poi检索示例----并在信息框显示经纬度
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
api官網(wǎng)：
http://api.map.soso.com/doc_v2/example.html?sample-search-simple#7map
示例代碼如下(保存為html打開可見效果如下圖)：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>按關(guān)鍵字查詢</title><script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script> <script> var searchService,map,markers = []; var init = function() {var center = new soso.maps.LatLng(39.916527,116.397128);map = new soso.maps.Map(document.getElementById('iCenter'),{center: center,zoomLevel: 13});searchService = new soso.maps.SearchService(); } //清除地圖上的marker function clearOverlays(overlays){var overlay;while(overlay = overlays.pop()){overlay.setMap(null);} } function searchKeyword() {var keyword = "寬窄巷子";var region = "成都";clearOverlays(markers);var searchRequest = {'keyword': keyword,'region':region};var latlngBounds = new soso.maps.LatLngBounds();searchService.search(searchRequest, function(results, status) {if (status == soso.maps.SearchStatus.OK) {var pois = results.pois;for(var i = 0,l = pois.length;i < l; i++){var poi = pois[i];latlngBounds.extend(poi.latLng); var marker = new soso.maps.Marker({map:map,position: poi.latLng,title: poi.address+poi.latLng});var decor = new soso.maps.MarkerDecoration({content: i+1,margin: new soso.maps.Size(0, -4),align: soso.maps.ALIGN.CENTER,marker: marker}); markers.push(marker);}map.fitBounds(latlngBounds);} else {$("#iCenter").append("檢索沒有結(jié)果，原因: " + status);}}); }var showmap = function() { init(); searchKeyword(); }</script></head> <body οnlοad="showmap();"> <div id="iCenter" style="height:300px;width=661px "></div></body> </html>總結(jié)
以上是生活随笔為你收集整理的soso地图api接口poi检索示例----并在信息框显示经纬度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 将本地的项目导入到github仓库总结l
- 下一篇： 多言统计及R语言建模按组距为300编制频