百度地图 驾车/公交查询Demo(支持多起点多终点)

效果图:

百度地图 驾车/公交查询Demo(支持多起点多终点)_第1张图片




    百度地图-驾车/公交查询
    
    
    
    


    
线路查询 驾车公交
起点选择(展开)
css:

body
{
    font-size: 12px;
}
#startPanel p, #endPanel p
{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}
#startPanel div, #endPanel div
{
    padding: 5px;
}
#startPanel, #endPanel
{
    border: 1px solid #FA8722;
    font-size: 12px;
}
 h5 {
line-height: 3em;
padding: 0;
margin: 0;
}
.boxpanel
{
    width: 167px;
    float: right;
    border: 1px solid gray;
    padding: 0 2px 10px;
    height: 502px;
    overflow-y: auto;
}
#container
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
}
.eMapsInfo
{
    width: 737px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}
.eMaps
{
    border: 6px solid #d2e0ee;
    background: #fff;
    height: 502px;
    width: 552px;
    float: left;
}
.eMapsTop
{
    height: 30px;
    padding-top: 20px;
    color: #333333;
    font-size: 14px;
}
.boxpanel
{
    width: 167px;
    float: right;
    border: 1px solid gray;
    padding: 0 2px 10px;
    height: 502px;
    overflow-y: auto;
}
jquery用的1.4.2

打包下载:http://download.csdn.net/detail/a497785609/6878687


你可能感兴趣的:(百度地图 驾车/公交查询Demo(支持多起点多终点))