当前位置: 首页 > news >正文

vue中使用geoscene无法出现弹窗

项目场景:

平日对地图加载使用不复杂的情况下,我通常采用leaflet去加载地图做一些简单的操作。但是最近需要用到arcgis发布的地图服务加载三维场景,于是又用回了geoscene(arcgis国产化)。这下暴露出很多的问题,都是由于自己对geoscene在vue中引入以及api使用不熟练导致的,其中这个绑定注记或点击出现弹窗的问题困扰了我很久。。。


问题描述

在询问了deepseek和查阅了网上资料,我一直把问题聚焦在是不是自己的popupTemplate写法不对或者如网上说的没有将view的popupEnabled绑定为flase。但这两种都不是我无法出现弹窗的原因。
甚至在我后期的测试中如果把popupEnabled绑定为flase反而无法出现弹框。我持续测试都无法出现弹窗。看到自己有把geoscene的标志隐藏的css代码,想着是不是这个隐藏顺便把弹窗给隐藏了(穷途末路下的猜测)。我把这个样式代码删掉后,发现此时确实点击能出现弹框的内容,但是弹框的样式和位置不对。此刻我终于明白了,问题出在我没有加载geoscene的main.css

解决方案:

所以,在我们使用npm安装完geoscene时,不要忘记在main.ts里引入main.css。

import '@geoscene/core/assets/geoscene/themes/light/main.css'

自此,一直困扰我的问题终于解决了,哎~

相关文章:

  • Java项目实战--使用Java和LWJGL构建Minecraft风格游戏
  • Java对象与JSON字符串的互转
  • Docker学习--容器生命周期管理相关命令--rename 命令
  • MATLAB 2024b深度革命:1个工具箱打通CNN/Transformer/GAN全生态
  • (一)MySQL常见疑惑之:select count(*)和select count(1)的区别​​​​​​​
  • VMware 虚报化Ubuntu 卡成一B,如何接招?
  • vue3相比于vue2的提升
  • JAVA垃圾回收算法和判断垃圾的算法
  • 深入对比分析:Squid 与 Nginx 的异同
  • 【SpringBoot + MyBatis + MySQL + Thymeleaf 的使用】
  • 【数据分享】2020年中国1km精度住宅用地密度栅格数据
  • 机器学习-04-分类算法-03KNN算法案例
  • 腻子刮的遍数越多越好?刮的越厚墙面越平?
  • JAVA- 锁机制介绍 进程锁
  • 力扣百大算法题精选【Hard 模式】Top 100 Liked LeetCode
  • conda安装python 遇到 pip is configured with locations that require TLS/SSL问题本质解决方案
  • 城电科技 | 光伏地砖:零碳城市的 太阳能发电“隐形发电站”
  • Muduo网络库实现 [五] - Poller模块
  • 技术回顾day2
  • Linux 2021韩顺平网课笔记:进程管理
  • 黄土是他们的气质:打破宁夏当代油画创作的沉寂
  • 被取消总统候选人资格,金文洙:将采取政治法律措施讨回公道
  • 习近平同俄罗斯总统普京举行会谈
  • 上海科创“八杰”赋能新兴产业链:硬核科技,形成良好盈利模式
  • 新疆生产建设兵团草湖项目区副主任宋全伟接受审查调查
  • 吴清:全力支持中央汇金公司发挥好类“平准基金”作用