首页 / 浏览问题 / 三维GIS / 问题详情
如何固定查询属性的气泡位置
qzg
38EXP 2020年05月04日

使用产品:iserver 10i 操作系统:win10
数据类型:文件型
问题详细描述:最近在一个vue项目中引入了一个三维模型,已经实现点击模型弹出气泡显示属性的效果,但是气泡很容易在界面之外,因此想要询问关于固定气泡位置的方法,还请给出一个详细示例,非常感谢!以下为我定义的气泡代码:

<div v-if="dataForm.flag" id="bubble" class="bubble">
      <p id="des" class="des"></p>
      <el-row style="margin-top:-12px">
        <el-button type="text" @click="f1" id="des1" class="des1">设计交底记录</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des2" class="des2">施工资料审查记录</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des3" class="des3">质量控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des4" class="des4">进度控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des5" class="des5">造价控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des6" class="des6">工程变更控制</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des7" class="des7">安全管理</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des8" class="des8">合同管理</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des9" class="des9">竣工验收</el-button>
      </el-row>
      <el-row style="margin-top:-10px">
        <el-button type="text" @click="f1" id="des10" class="des10">信息管理</el-button>
      </el-row>
    </div>


 

1个回答

您好,参考一下这个范例:http://support.supermap.com.cn/product/CodeLibrary.aspx?PRODUCT_TYPE=2#pro_name,第四页-webgl气泡

852EXP 2020年05月06日
...