Expert Group of programming
Loading...

Google map code generator

Welcome in Google map code generator.This tool is used to create the code of google map and after enter in file it will display on web page.

Generate code of Google map






px
px

Google map Preview

Google map Embedded Code


 <!--  Don't use the TAG - <xmp> , REMOVE it.  -->
<iframe frameborder="0" scrolling="no" width="520" height="399" src="https://maps.google.com/maps?hl=en&q=<b>heycodetech</b><br/>Streat Address,London-England&ie=UTF8&t=&z=5&output=embed">
</iframe>
 <!--  Don't use the TAG - <xmp> , REMOVE it.  --> 

Google map javascript Code


<!--  Don't use the TAG - xmp , REMOVE it.  -->
<script src="http://maps.googleapis.com/maps/api/js"></script>
<!--  Add the above script in header   -->

<!--  Add the below script in js file   -->
    <script>
                var myCenter=new google.maps.LatLng(51.508742,-0.120850);

                function initialize()
                {
                var mapProp = {
                  center:myCenter,
                  zoom:5,
                  mapTypeId:google.maps.MapTypeId.ROADMAP                  };

                var map=new google.maps.Map(document.getElementById("code-google-map"),mapProp);

                var marker=new google.maps.Marker({
                  position:myCenter,
                                             
                  });

                marker.setMap(map);
                 
                   
                var infowindow = new google.maps.InfoWindow({
                  content:"<b>heycodetech</b><br/>Streat Address,London-England"
                  });

                infowindow.open(map,marker);
                }

                google.maps.event.addDomListener(window, 'load', initialize);
                </script>
 
 <!--  below DIV is used where you need to display the Google map . -->
 <!--  Please don't forgot to enter the height and width of this div in CSS also . -->
 <div id="code-google-map" style="width:520px;height:399px;"></div>
 
 <!--  put this line in CSS -->
 <style>
 #code-google-map{
   width:520px;
   height:399px; 
 }
 </style>
 <!--  Don't use the TAG - xmp , REMOVE it.  -->