Can anyone help me with displaying a Google map using Vue.js? I've tried but it's not showing up, and there are no errors in the console. Below is the code I'm using, and I need to display the map within that specific div tag.
<template>
<va-card type="plain" >
<div id="map" >
</div>
</va-card>
</template>
Below is my script:
mounted() {
let myLatlng = new window.google.maps.LatLng(12.9716 , 77.5946);
let mapOptions = {
zoom:14,
center: myLatlng,
scrollwheel: true,
};
let map = new window.google.maps.Map(
document.getElementById("map"),
mapOptions
);
let marker = new window.google.maps.Marker({
position: myLatlng,
title: "Banglore"
});
marker.setMap(map);
},