<div ms-controller="msmapline">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td style="background:#fff;vertical-align:top;">
                <div class="client_l" ms-visible="showLeftTab" id="map_client_l">
                    <div class="box">
                        <div class="souo">
                            <div class="souobox sosbubf">
                                <ul class="qdblis">
                                    <li><span>起点</span><b><input type="text" ms-duplex="pstart" readonly="true" /></b><div class="clear"></div>
                                    </li>
                                    <li><span>终点</span><b><input type="text" ms-duplex="pend" readonly="true" /></b><div class="clear"></div>
                                    </li>
                                </ul>
                                <i class="itag qiehuan" ms-click="navTypeExchange"></i>
                                <div class="qd_bt">
                                    <input type="button" value="查公交" ms-click="lineSearch('bus')">
                                    <input type="button" value="查驾车" ms-click="lineSearch('car')">
                                </div>
                            </div>
                            <!---->
                            <div id="divbus" ms-if="linetype=='bus'" ms-css-height="mapheight-200" style="overflow: auto; padding: 5px;">
                                <div class="souobox" ms-repeat-p="plans">
                                    <div class="souli_t" ms-click="lineClick(p.index)">
                                        <span>{{p.title}}</span>约{{p.duration}}<div class="numus">{{p.index}}</div>
                                    </div>
                                    <div ms-if-loop="p.index==curLineIndex" class="souliline">全程约{{p.distance}}公里</div>
                                    <div class="souslisd" ms-if-loop="p.index==curLineIndex">
                                        <ul class="luxian">
                                            <li><i class="itag qi"></i><b><span class="lisfvbg">{{p.start}}</span></b><div class="clear"></div>
                                            </li>
                                            <li ms-repeat-s="p.steps">
                                                <div ms-if-loop="s.type=='route'">
                                                    <i class="itag zoua"></i>
                                                    <b>步行至<span class="luxiaca">{{s.pointName}}</span></b>
                                                    <em>{{s.numdsc}}</em>
                                                    <div class="clear"></div>
                                                </div>
                                                <div ms-if-loop="s.type=='bus'">
                                                    <i class="itag car"></i>
                                                    <b>乘坐<span class="luxiaca">{{s.lineNum}}路</span>在<span class="luxiaca">{{s.pointName}}</span>下车</b>
                                                    <em>{{s.numdsc}}</em>
                                                    <div class="clear"></div>
                                                </div>
                                            </li>
                                            <li><i class="itag zhong"></i><b><span class="lisfvbg">{{p.end}}</span></b><div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a ms-if="moreResultsUrl" ms-href="moreResultsUrl" target="_blank">到百度地图去查看</a>
                            </div>
                            <div id="divline" ms-if="linetype=='car'"  ms-css-height="mapheight-200" style="overflow:auto;">

                            </div>
                            <!---->
                        </div>
                    </div>
                    <!--boxover-->
                </div>
                <div ms-class-1="left_close:showLeftTab" ms-class-2="left_open:!showLeftTab" ms-click="leftTabToggle" ms-css-left="showLeftTab?'320px':'0px'"></div>
            </td>
            <td style="vertical-align:top;">
                <div class="client_r" ms-css-width="mapwidth" ms-css-height="mapheight" id="dmap" style="position:relative;">
                </div>
                <div class="clear"></div>
            </td>
        </tr>


    </table>
</div>
<!-- 弹出客户信息 -->
<noscript  id="customerInfoTmpl">
    <div class="box012">
        <div class="box012_t">
            <span style="cursor:pointer;" ms-click="viewCustomer(customer.Id)">{{customer.Name|truncate(16,'...')}}
                <a href="javascript:void(0)" ms-click="viewCustomer(customer.Id)">&nbsp;[详情]</a>
            </span>
            <i class="itag close"></i><div class="clear"></div>
        </div>
        <div class="box12li">
            地址：{{customer.CompanyAddress}}<br />
            电话：<span class="oroge">{{customer.CompanyTel1}}</span>
        </div>
        <ul class="bolista">
            <li ms-class-1="yes:navType=='start'" ms-click="navTypeChange('start')">从这里出发</li>
            <li ms-class-1="yes:navType=='end'" ms-click="navTypeChange('end')">到这里去</li>
            <div class="clear"></div>
        </ul>
        <div class="luxianadf">
            <span>{{navType=='start'?'出发地':'目的地'}}：</span>
            <input type="text" class="luxtext" ms-duplex="pend" />
            <input type="button" value="查公交" class="luxcbt" ms-click="lineSearch('bus')" />
            <input type="button" value="查驾车" class="luxcbt" ms-click="lineSearch('car')" />
            <div class="clear"></div>
        </div>
    </div>
</noscript>
<!-- 自定义覆盖模板 -->
<noscript id="customerOverlayTmpl">
    <table border="0" class="bluebt" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="tleft">&nbsp;</td>
            <td class="tcenter">#name#</td>
            <td class="tright">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="3" class="tfoot">&nbsp;
            </td>
        </tr>
    </table>
</noscript>