带搜索栏的百度地图-H5-搜索

先看效果

HTML

                <div class="contact-map-wrapper">
                    <div id="allmap" class="contact-map"></div>
                    <div id="r-result"><input type="text" id="suggestId" size="20" value="百度" placeholder="搜地点、查公交、找路线" /></div>
                    <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
                </div>

CSS

.contact-map-wrapper{
  position: relative;  
  width: 100%;
  height: 582px;
}
.contact-map{
    height: 100%;
    width: 100%;
}
.contact-map-wrapper #r-result {
    posit