Adding zoom control

src/components/live-map.tsx

@@ -1,6 +1,6 @@
 import react from "react";
 import { useState, useEffect } from "react";
-import { Map, Marker } from "pigeon-maps"
+import { Map, Marker, ZoomControl } from "pigeon-maps"
 import { Geolocation } from "@awesome-cordova-plugins/geolocation";
 
 const LiveMap: react.FC = () => {
@@ -26,7 +26,8 @@ const LiveMap: react.FC = () => {
         setCenter(center);
         setZoom(zoom);
       }
-    }>
+    } animate={true}>
+       <ZoomControl />
       <Marker width={20} anchor={position} />
     </Map>
    );