webgl_rxdz_test_look.html 954 B

123456789101112131415161718192021
  1. <!-- 模型查看页面 -->
  2. <div class="main-view">
  3. <mynavbar :barData='navbar'/>
  4. <div id="mapDiv" ref="webgl"></div>
  5. <canvas id="canvas_webgl" type="webgl" ref="glcanvas" width="100vw" height="100vh"></canvas>
  6. <div v-show="showLables && gltf.text.length>0" v-for="(gltf,index) in lableItem" :key="index" class="word-view"
  7. :style="{'transform':gltf.transform}">
  8. <span user-select="false">{{gltf.text}}</span>
  9. </div>
  10. <!-- 楼层 -->
  11. <div class="floor-view" v-if="floorList&&floorList.length>1">
  12. <div class="floor-item rows justify-center" :class="floorId==floor.layoutId?'active':''"
  13. v-for="(floor,index) in floorList" :key="index" @click="floorChange(floor)">
  14. {{floor.houseFloor?floor.houseFloor+'F':''}}
  15. </div>
  16. </div>
  17. <!-- 定位视图 -->
  18. <div class="location-view rows justify-center" @click.stop="locationHandle">
  19. <span class="iconfont icon-pipei" style="color: #000;font-size: 44rpx;"></span>
  20. </div>
  21. </div>