利用百度地图api接口实现周边配套设施查询
1. 静态页面部分:
1 <div class="row"> 2 <aside class="profile-nav col-lg-3"> 3 <section class="panel"> 4 <ul xsts-tab class="nav nav-pills nav-stacked" id="panel"> 5 <li class="active" ng-click="baiduMapBack()"><a><i class="icon-location-arrow"></i>楼盘位置</a></li> 6 <li ng-click="baiduMapSearch(\'公交\')"><a><i class="icon-truck"></i>交通设施</a></li> 7 <li ng-click="baiduMapSearch(\'医院\')"><a><i class="icon-plus"></i>医疗机构</a></li> 8 <li ng-click="baiduMapSearch(\'超市\')"><a><i class="icon-shopping-cart"></i>商场超市</a></li> 9 <li ng-click="baiduMapSearch(\'学校\')"><a><i class="icon-smile"></i>教育机构</a></li> 10 <li ng-click="baiduMapSearch(\'餐厅\')"><a><i class="icon-food"></i>餐饮休闲</a></li> 11 <li ng-click="baiduMapSearch(\'公园\')"><a><i class="icon-leaf"></i>公园景点</a></li> 12 </ul> 13 </section> 14 </aside> 15 <aside class="profile-info col-lg-9 dictionaryMapContent"> 16 <div id="dictionaryMap"></div> 17 <div id="r-result"> 18 <input type="text" id="suggestId" class="form-control" placeholder="搜索您想要的位置"> 19 </div> 20 <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div> 21 </aside> 22 </div>