Commit 496258f4 by asranov0003

feat: add google map api key to maps

parent 50a5bafd
export const API_URL = "https://cabinet.thecybernanny.com/nanny/backend/rpc"; // PROD
// export const API_URL = "https://cabinet.dev.thecybernanny.com/nanny/backend/rpc"; // DEV
export const GOOGLE_MAPS_API_KEY = "AIzaSyABfhzIz1S4kpWvIMtsDD6XIjo2F7r-mTs";
export const GOOGLE_MAPS_API_KEY = "AIzaSyCFr9A8pyaitvVi2r1C08H0Zj1do0v0RKc";
export const TG_USER_ID = window.Telegram.WebApp.initDataUnsafe?.user?.id || 0;
export const TOKEN = localStorage.getItem(`token-${TG_USER_ID}`) || "";
......@@ -27,6 +27,7 @@ import GoogleMapReact from "google-map-react";
import CMarker from "../../components/CMarker/CMarker";
import CModal from "../../components/CModal";
import CButton from "../../components/CButton";
import { GOOGLE_MAPS_API_KEY } from "../../constants/constants";
const Home: React.FC = () => {
const [isOpenRemoveDeviceModal, setIsOpenRemoveDeviceModal] = useState(false);
......@@ -76,6 +77,9 @@ const Home: React.FC = () => {
<div className="home">
<div style={{ height: "52vh", width: "100%" }}>
<GoogleMapReact
bootstrapURLKeys={{
key: GOOGLE_MAPS_API_KEY,
}}
center={mapCenter}
defaultZoom={12}
options={{ disableDefaultUI: true }}
......
......@@ -11,6 +11,7 @@ import {
} from "../../stores/store";
import { getRouteHistory } from "../../stores/slices/dataSlice";
import CMarker from "../../components/CMarker";
import { GOOGLE_MAPS_API_KEY } from "../../constants/constants";
const Routes: React.FC = () => {
const [fromDate, setFromDate] = useState("");
......@@ -88,6 +89,9 @@ const Routes: React.FC = () => {
<div className="routes__content">
<div style={{ height: "67vh", width: "100%" }}>
<GoogleMapReact
bootstrapURLKeys={{
key: GOOGLE_MAPS_API_KEY,
}}
center={mapCenter}
defaultZoom={12}
options={{ disableDefaultUI: true }}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment