help plz ! i try to add “@capacitor/google-maps”: “^5.3.0”, to my project but when i try to run "npx cap run android get this err × Running Gradle build - failed!
[error]
FAILURE: Build failed with an exception.
Where:
Settings file ‘C:\Users\User\Desktop\champ-chase\android\settings.gradle’ line: 5
What went wrong:
A problem occurred evaluating settings ‘android’.
Could not open dsl generic class cache for script
‘C:\Users\User\Desktop\champ-chase\android\capacitor.settings.gradle’
(C:\Users\User.gradle\caches\8.0.2\scripts\3mutrpngtsrz2xcq2rzk73nu1).
BUG! exception in phase ‘semantic analysis’ in source unit ‘BuildScript’ Unsupported class file major
version 64
DatetimeChangeEventDetail,
IonAlert,
IonAvatar,
IonButton,
IonButtons,
IonContent,
IonDatetime,
IonHeader,
IonImg,
IonItem,
IonLabel,
IonList,
IonModal,
IonPage,
IonSearchbar,
IonTitle,
IonToolbar,
useIonViewWillEnter,
} from "@ionic/react";
import { useRef, type FC } from "react";
import { format, parseISO } from "date-fns";
import { GoogleMap } from "@capacitor/google-maps";
interface GoogleMapsModalProps {}
const GoogleMapsModal: FC<GoogleMapsModalProps> = ({}) => {
const modal = useRef<HTMLIonModalElement>(null);
const mapRef = useRef<HTMLElement>();
let newMap: GoogleMap;
const markers = [
{lat: 54.5258924, lng: -6.0812478, title: "Man Lee", description: "Chinese Takeaway", address: "122 Ballymacash Rd, Lisburn BT28 3EZ", website: "https://m.facebook.com/pages/Man-Lee/228415820694835", phone: "028 92 662853"},
{lat: 54.5097827, lng: -6.0572343, title: "Cam Hing", description: "Chinese Takeaway", address: "70 Longstone St, Lisburn BT28 1TR", website: "https://camhinglisbunr.com", phone: "028 92 677928"},
{lat: 54.5095162, lng: -6.0595896, title: "Golden Garden", description: "Chinese Takeaway", address: "140 Longstone St, Lisburn BT28 1TR", website: "https://golden-garden.business.site", phone: "028 92 671311"},
{lat: 54.5091808, lng: -6.0363902, title: "Pagoda", description: "Chinese Takeaway", address: "79 Sloan St, Lisburn BT27 5AG", website: "https://pagodalisburn.com", phone: "028 92 665289"},
{lat: 54.5989611, lng: -5.9972126, title: "Little Wing", description: "Pizzeria", address: "10 Ann St, Belfast BT1 4EF", website: "https://littlewingpizzeria.com", phone: "028 90 247000"}
];
const addMapMaker= async (marker:any) => {
await newMap.addMarker({
coordinate:{
lat:marker.lat,
lng:marker.lng
},
title:marker.title
})
}
const addMapMarkers=()=>markers.forEach(marker=>addMapMaker(marker))
async function createMap() {
if (!mapRef.current) return;
newMap = await GoogleMap.create({
id: "my-cool-map",
element: mapRef.current,
apiKey: "key",
config: {
center: {
lat: markers[0].lat,
lng: markers[0].lng,
},
zoom: 8,
},
});
addMapMarkers()
}
useIonViewWillEnter(() => createMap());
return (
<IonModal trigger="open-modal" ref={modal}>
<div>aaaa</div>
</IonModal>
);
};
export default GoogleMapsModal;
type or paste code here