contact_template.html

    <div class="wrapper style2">
      <article class="container">
                <header class="major">
          <h2 class="post-title">Contact Us</h2>
        </header>


        <section class="post-content">
          <p><i class="fa fa-map-marker" aria-hidden="true"></i> 95 Zhongguancun East Road, 100190, BEIJING, CHINA</p>
          <p><i class="fa fa-envelope" aria-hidden="true"></i> ge.yang@ia.ac.cn</p>
          <p><i class="fa fa-phone-square" aria-hidden="true"></i> +86 (010) 82544482</p>
        </section>
      </article>
    </div>
    <div id="map-container" style="height: 600px;">
    </div>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=42QFNkxlAc8o03W5cf24wCD2FFY3sODa"></script>
    <script type="text/javascript">
    var map = new BMap.Map("map-container");
    // 创建地图实例
    var point = new BMap.Point(116.3396861257,39.9849017523);
    // 创建点坐标
    map.centerAndZoom(point, 20);
    // 初始化地图，设置中心点坐标和地图级别
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);               // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    </script>