<h1>Live Location Here</h1>
<div class="map-responsive">
   <div id="map"></div>
</div>
</div>
<script>
  function loadmap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12,
          center: {lat: 28.3854, lng: 70.3754},
          mapTypeId: 'terrain'
        });

        var flightPlanCoordinates = [
      { lat:28.3829091 , lng:70.3743776},
      { lat:28.3806626 , lng:70.3744849},
      { lat:28.3804171 , lng:70.3677901},
      { lat:28.3024565 , lng:70.1379742},
      { lat:28.3020787 , lng:70.1375531},
      { lat:28.3008695 , lng:70.1359089},
      { lat:28.2993486 , lng:70.1264943},
      { lat:28.3003216 , lng:70.1255502}
        ];
        var flightPath = new google.maps.Polyline({
          path: flightPlanCoordinates,
          geodesic: true,
          strokeColor: '#006400',
          strokeOpacity: 1.0,
          strokeWeight: 4
        });

        flightPath.setMap(map);

                // Create a marker and set its position.
        var image = 'https://png.icons8.com/color/50/000000/bus.png';
        var beachMarker = new google.maps.Marker({
          position: center,
          map: map,
          icon: image,
          scaledSize: new google.maps.Size(5, 5)  });
        var infowindo= new google.maps.InfoWindo({
          content:"center"


        });

       infowindo.open(map, beachMarker);
      }
      </script>