How can i show a google map in popup in website. Please help me for this with coding.
Here is my code
<!DOCTYPE html>
<html>
<body>
<div id="googleMap" style="width:1000px;height:500px;"></div>
<script>
function initialize()
{
var mapProp = {
center: new google.maps.LatLng(22.745611, 75.895357),
zoom:18,
mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
function loadScript()
{
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</body>
</html>
Thank you
