zhgkpt-datav/app/src/views/Test/index.vue

<template>
  <div>
    <!-- 地图 -->
    <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>
</template>
<script>
import Map from "@/components/Map.vue";
import Camera from "@/components/Camera.vue";
export default {
  name: "Test",
  components: {
    Map,
    Camera,
  },
  mounted() {},
  methods: {},
};
</script>

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