<template>
  <div style="display: flex;">
    <!-- 地图 -->
    <div class="map-exp">
      <div style="font-size: 20px">地图调用示例：</div>
      <Map :id="1" />
    </div>

    <!-- 监控 -->
    <div class="camrea-exp">
      <div style="font-size: 20px">监控调用示例：</div>
      <Camera id="50015200001310000010" />
    </div>

    <div>
      <TestChart style="width: 300px;height: 400px;" />
    </div>
  </div>
</template>
<script>
import Map from "@/components/Map.vue";
import Camera from "@/components/Camera.vue";
import TestChart from '@/components/TestChart.vue'
export default {
  name: "Test",
  components: {
    Map,
    Camera,
    TestChart
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
.map-exp {
  width: 1000px;
  height: 500px;
}
.camrea-exp {
  margin-left: 100px;
  width: 800px;
  height: 500px
}
</style>
