<!--
  Copyright (c) 2020.
  author: song
  email: 15235360226@163.com
  -->

<template>
  <!--百度地图容器-->
  <div id="map" style="width:100%;height:392px;"></div>
</template>

<script>
export default {
  name: 'ContactMap',
  components: {},
  data() {
    return {};
  },
  mounted() {
    // 百度地图API功能
    var map = new BMap.Map('map'); // 创建Map实例
    // 初始化地图,设置中心点坐标和地图级别
    var point = new BMap.Point(112.549977, 37.794254);
    map.centerAndZoom(point, 18);
    var marker = new BMap.Marker(point); // 创建标注
    // marker.setTitle('绿谷生物');
    map.addOverlay(marker); // 将标注添加到地图中
    var content = '<table>';
    content = content + '<tr><td> 绿谷生物</td></tr>';
    content = content + '<tr><td></td></tr>';
    content = content + '<tr><td> 山西省太原市晋阳街202号英语周报大厦八层</td></tr>';
    content += '</table>';
    var infowindow = new BMap.InfoWindow(content);
    marker.openInfoWindow(infowindow);
    // 设置标注动画效果。如果参数为null，则取消动画效果。该方法需要在addOverlay方法后设置
    marker.setAnimation(Animation);

    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] }));
    map.setCurrentCity('太原'); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  },

  methods: {},
};
</script>

<style lang="stylus" scoped></style>
