Integrate Google Map in your Website


Get your key value from here

 https://code.google.com/apis/console/

Go to the below code to integrate google map in your web site 

 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <title>Show or Integrate Google Maps in asp.net webapplication</title>  
 <style type="text/css">  
 html { height: 100% }  
 body { height: 100%; margin: 0; padding: 0 }  
 #map_canvas { height: 100% }  
 </style>  
 <script type="text/javascript"  
 src="https://maps.googleapis.com/maps/api/js?key=youracesskey">  
 </script>  
 <script type="text/javascript">  
 function initialize() {  
 var myLatlng= new google.maps.LatLng(-34.397, 150.644)  
 var mapOptions = {  
 center: myLatlng,  
 zoom: 8,  
 mapTypeId: google.maps.MapTypeId.ROADMAP,  
 marker:true  
 };  
 var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);  
 }  
 </script>  
 </head>  
 <body onload="initialize()">  
 <form id="form1" runat="server">  
 <div id="map_canvas" style="width: 500px; height: 300px"></div>  
 </form>  
 </body>  
 </html>

Comments

Post a Comment

Popular Posts