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"