Просмотр исходного кода

修改标题和Cesium地图中的图标点击校正

WQQ 1 месяц назад
Родитель
Сommit
f951376dd9

+ 3 - 7
src/components/CesiumMap.vue

@@ -202,11 +202,7 @@ const addPoiMarker = () => {
     const handler = new Cesium.ScreenSpaceEventHandler(viewer.value.scene.canvas)
     
     handler.setInputAction((movement) => {
-      const scaleRatio = getScaleRatio()
-      const correctedX = movement.position.x / scaleRatio
-      const correctedY = movement.position.y / scaleRatio
-      
-      const pickedObjects = viewer.value.scene.drillPick(new Cesium.Cartesian2(correctedX, correctedY))
+      const pickedObjects = viewer.value.scene.drillPick(movement.position)
       for (let i = 0; i < pickedObjects.length; i++) {
         const pickedObj = pickedObjects[i]
         if (Cesium.defined(pickedObj) && pickedObj.id) {
@@ -517,14 +513,14 @@ onMounted(async () => {
       }
       
       viewer.value.camera.flyTo({
-        destination: Cesium.Cartesian3.fromDegrees(118.9019, 34.985, 33000),
+        destination: Cesium.Cartesian3.fromDegrees(118.9019, 34.985, 90000),
         duration: 0
       })
     }
   } catch (error) {
     console.error('加载GeoJSON失败:', error)
     viewer.value.camera.flyTo({
-        destination: Cesium.Cartesian3.fromDegrees(118.9019, 34.985, 33000),
+        destination: Cesium.Cartesian3.fromDegrees(118.9019, 34.985, 90000),
         duration: 0
       })
   }

+ 6 - 1
src/views/HeilinStationView.vue

@@ -6,7 +6,7 @@
 
       <div class="bottom-bg"></div>
       <div class="top-title"></div>
-      <div class="system-title">数字孪生黑林小流域</div>
+      <div class="system-title">数字孪生青口河<span class="subtitle">(江苏段)</span></div>
       
       <!-- 顶部按钮 -->
       <div class="sub-title left-1" @click="goBack">
@@ -819,6 +819,11 @@ onMounted(() => {
   pointer-events: none;
 }
 
+.system-title .subtitle {
+  font-size: 24px;
+  margin-left: 8px;
+}
+
 .sub-title {
   position: absolute;
   top: 30px;

+ 6 - 1
src/views/HomeView.vue

@@ -3,7 +3,7 @@
     <div class="background-image"></div>
     <div class="bottom-bg" v-if="!showMap"></div>
     <div class="top-title" :class="{ 'title-alt': activeTab === '水文四预' }"></div>
-    <div class="system-title">数字孪生黑林小流域</div>
+    <div class="system-title">数字孪生青口河<span class="subtitle">(江苏段)</span></div>
     
     <!-- 全局地图 -->
     <div class="map-container" v-if="showMap">
@@ -216,6 +216,11 @@ export default {
   pointer-events: none;
 }
 
+.system-title .subtitle {
+  font-size: 24px;
+  margin-left: 8px;
+}
+
 /* 地图容器样式 */
 .map-container {
   position: absolute;

+ 6 - 1
src/views/LiangShuiYanView.vue

@@ -3,7 +3,7 @@
     <div class="station-bg"></div>
     <div class="bottom-bg"></div>
     <div class="top-title"></div>
-    <div class="system-title">数字孪生黑林小流域</div>
+    <div class="system-title">数字孪生青口河<span class="subtitle">(江苏段)</span></div>
     <div class="sub-title left-1" @click="goBack">
       首页
     </div>
@@ -423,6 +423,11 @@ onMounted(() => {
   pointer-events: none;
 }
 
+.system-title .subtitle {
+  font-size: 24px;
+  margin-left: 8px;
+}
+
 .sub-title {
   position: absolute;
   top: 30px;

+ 6 - 1
src/views/WaterCultureView.vue

@@ -6,7 +6,7 @@
 
       <div class="bottom-bg"></div>
       <div class="top-title"></div>
-      <div class="system-title">数字孪生黑林小流域</div>
+      <div class="system-title">数字孪生青口河<span class="subtitle">(江苏段)</span></div>
       
       <!-- 顶部功能按钮 -->
       <div class="top-function-buttons">
@@ -251,6 +251,11 @@ const closeModal = () => {
   pointer-events: none;
 }
 
+.system-title .subtitle {
+  font-size: 24px;
+  margin-left: 8px;
+}
+
 /* 顶部功能按钮 */
 .top-function-buttons {
   position: absolute;