<script setup>
	import {
		inject
	} from "vue";
	import html2canvas from 'html2canvas';
	import waterChart from "./waterChart.vue"
	import {
		blobToBase64,
		base64ToBlob
	} from '@/assets/js/blobtobase64';
	const getMapInstance = inject("getMapInstance");
	jt3d = getMapInstance();
</script>

<template>
	<div class="mainview">
		<div class="header">
		</div>
		<div class="middleviewer">
			<waterChart></waterChart>
		</div>
	</div>
</template>

<script>
	let jt3d = undefined;
	export default {
		data() {
			return {
				// viewersName: '', //视角标签名称
				// ImgurlList: [], //截图地址列表
				cdata: {
				        xData: [],
				        yData: [],
				      },

			}
		},
		methods: {
		
			  },
	
			getName() {
				this.viewersName = document.getElementById("inputValue").value;
			},


		mounted() {

		}
	}
</script>

<style lang="scss" scoped>
	.mainview {
		top:10rem;
		width: 100%;
		height: 100%;
	}
	.middleviewer {
		
		width: 300rem;
		height: 100%;
		margin-left: 40rem;
	}

	.middle::-webkit-scrollbar {
		width: 0rem;
		height: 0rem;
	}
</style>
