{layout name="layout" /}

<div class="fixed-height"></div>

<section class="inner-banenr">
    <img src="{$category['src'] ?? ''}" alt="{$category['title'] ?? ''}">
</section>

<section class="inner-nav">
    <div class="wrap">
        <div class="left">
            <img src="__STATIC__/web/img/home.png" alt="">
            <div>
                您当前位置：<a href="/">首页</a> | <span>联系我们</span>
            </div>
        </div>

        {include file="public/search"}
    </div>
</section>

<section class="about-list">
    <div class="wrap">
        <div id="maps"></div>
        <div id="company-info" class="list wow fadeInUp">
            <h3>{$extraBase['company_name'] ?? ''}</h3>
            <div class="st">{$extraBase['company_name_en'] ?? ''}</div>
            <div class="int">
                总部地址：{$extraBase['head_addr'] ?? ''} <br>
                电话(传真)：{$extraBase['head_tel'] ?? ''}
            </div>
        </div>
    </div>
</section>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RMGhzPcGZADgUbGZtLrviglhbazAGhWM"></script>
<script>
    // 百度地图API功能
    var map = new BMap.Map("maps");
    // var point = new BMap.Point(104.395151,31.108874);
    var point = new BMap.Point({$extraBase['lal'] ?? ''});
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    map.centerAndZoom(point, 15);

    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

    var navigationControl = new BMap.NavigationControl({
        // 靠左上角位置
        anchor: BMAP_ANCHOR_TOP_LEFT,
        // LARGE类型
        type: BMAP_NAVIGATION_CONTROL_LARGE,
        // 启用显示定位
        enableGeolocation: true
    });
    map.addControl(navigationControl);

</script>