EarthSDK中点击地图，跟随鼠标出现经纬度弹框（vue）

效果图

当我点击地图时，鼠标点击的上方出现这个弹框

代码

<template>
  <div>
    <div style="width: 95%; height: 95%; position: relative; overflow: hidden">
      <!-- 点击效果 -->
      <div>
        <div
          ref="earthContainer"
          @click="scanelineClick"
          style="width: 100%; height: 100%"
        ></div>
      </div>
 
      <div
        class="boxsss"
        :style="{
          display: isShow,
          left: floatLeft,
          top: floatTop,
          position: floatposition,
          color: floatcolor,
          padding: floatpadding,
          background: floatbackground,
        }"
        v-show="floatshow"
      >
        <span>经度：{
  { position[0] | numFilter2 }}°</span>
        <span>纬度：{
  { position[1] | numFilter2 }}°</span>
        <span>高度：{
  { position[2] | numFilter }}m</span>
      </div>