map.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>

    <script src=“https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js”></script>

    <link rel="stylesheet" href="./style.css" />
</head>


<body>


<div class ="page2">
    <nav>
      <div class="logo"><img src="./pictures/Untitledishika-removebg-preview.png" width="300" height="200" ></div>
        <ul class="list-items">
          <li class="list"><a href="index.html" class="link">HOME</a></li>
          <li class="list"><a href="coronanearme.html" class="link">NEAR BY CENTRE</a></li>
          <li class="list"><a href="about.html" class="link">CONTACT US</a></li>

          <div class="cursor"></div>
        </ul>
      </nav>

    <div id=“nearby-covid-places-mapmyindia”>

      <script type="text/javascript">
        loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"));
    </script>

   <div class= "map"> 
    <iframe src="https://maps.mapmyindia.com/corona" frameborder="0" style="overflow:hidden; height:100%; width:100%" height="100vh" width="100vw" ></iframe>
   </div>
   
  </div>


</div>
   
<script>
  const cursor = document.querySelector('.cursor');
  document.addEventListener('mousemove',(e)=>{
    cursor.style.left = e.pageX +'px';
    cursor.style.top =e.pageY +'px';
  })
</script>

   
</body>
</html>