From 64501d528e4731583cb952d37aa9eaac00dba0f4 Mon Sep 17 00:00:00 2001
From: Aifeilong <2993607249@qq.com>
Date: Tue, 10 Oct 2023 16:01:39 +0800
Subject: [PATCH] fix picker

---
 src/components/map/Layout/Picker.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/map/Layout/Picker.jsx b/src/components/map/Layout/Picker.jsx
index 5d115a6..681c3d0 100644
--- a/src/components/map/Layout/Picker.jsx
+++ b/src/components/map/Layout/Picker.jsx
@@ -1,16 +1,13 @@
 import { useState } from "react";
 import { useCesium } from "resium";
 
-let handler;
-
 function Picker() {
   const { viewer } = useCesium();
   const { scene } = viewer;
-  const [lon, setLon] = useState(0);
-  const [lat, setLat] = useState(0);
+  const [lon, setLon] = useState();
+  const [lat, setLat] = useState();
 
-  // Mouse over the globe to see the cartographic position
-  handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
+  const handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
   handler.setInputAction(function (movement) {
     const cartesian = viewer.camera.pickEllipsoid(
       movement.endPosition,
@@ -31,6 +28,8 @@ function Picker() {
     }
   }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
 
+  if (!lon && !lat) return <></>;
+
   return (
     <div
       className="picker"