javascript to get google map and image show
<div id="map" style="width:100%;height:400px;border:3px solid white;"></div>
javascript function
<script> function myMap() { var mapCanvas = document.getElementById("map");
var myCenter = new google.maps.LatLng(23.2824321,72.641682); var mapOptions = {center: myCenter, zoom: 12};
var map = new google.maps.Map(mapCanvas,mapOptions);
var marker = new google.maps.Marker({ position: myCenter, icon: "resources/mark.png" });
marker.setMap(map);
google.maps.event.addListener(marker,'click',function() { var infowindow = new google.maps.InfoWindow({ content:"<img src='resources/map.jpg' width='250px' height='150px' border='0'/><br><center><h3>location name</h3></center>" });
infowindow.open(map,marker);
});
} </script> <script src="https://maps.googleapis.com/maps/api/js?callback=myMap&key=key"></script>