<template>
  <div class="contcat">
    <toptip :currTitle="currTitle"></toptip>
    <div id="map">
      <baidu-map
        class="bm-view"
        :center="{ lng: 120.207492, lat: 30.161478 }"
        :zoom="zoom"
      >
        <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
        <bm-marker
          :position="{ lng: 120.207492, lat: 30.161478 }"
          :dragging="true"
          animation="BMAP_ANIMATION_BOUNCE"
        >
          <!-- <bm-label content="" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/> -->
        </bm-marker>
        <!-- <bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale> -->
      </baidu-map>
    </div>
    <div class="address">
      浙江办事处<br />
      联系方式: 秘书处 18604979785 王开 <br />
      联系邮箱: wuyucheng@163.com <br />
      联系地址:浙江省杭州市滨江区天马路58号
    </div>
  </div>
</template>

<script>
import BaiduMap from "vue-baidu-map/components/map/Map.vue";
import BmNavigation from "vue-baidu-map/components/controls/Navigation";
import toptip from "../../components/toptip";
export default {
  metaInfo: {
    title: "联系我们",
  },
  nane: "Contcat",
  data() {
    return {
      currTitle: "联系我们",
      center: "{lng: 116.404, lat: 39.915}",
      zoom: 30,
    };
  },
  components: {
    toptip,
    BaiduMap,
    BmNavigation,
  },
};
</script>

<style lang="scss" scoped>
#map {
  width: 858px;
  height: 550px;
  margin: 0 auto;
  .bm-view {
    width: 100%;
    height: 550px;
  }
}
.address {
  width: 1232px;
  margin: 20px auto 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
}
</style>