Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to Integrate Google Map in a .Net Web Application

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 724
    Comment on it

    "Integrate Google Map in a .Net Web Application"

        In this article I have discussed how to integrate Google map in a .Net Application.

    Getting Started: Make a web application, and write the following HTML in the aspx page:

    <html>
    <head>
    </head>
    <body onload="initialize();">
     <div id="mapcanvas" style="width:700px; height:500px;"></div>
     </body>
    </html>
    

    Now inside the <head> tag add a script reference of the Google Api as follows:

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/jsv=3.exp">   </script>
    

    Now add the following javascript code below this reference:

        <script type="text/javascript">
         var map;
    
       function initialize() 
        { 
          var mapOptions = {
          center: new google.maps.LatLng('23.11', '71.00'),
          zoom: 2,
          scrollwheel: false,
          disableDefaultUI: false,
          mapTypeId: google.maps.MapTypeId.ROADMAP
     };
    
      map = new google.maps.Map(document.getElementById("mapcanvas"),mapOptions);
     }
    

    Run the application, your Google Map is Integrated with the center at LatLng('23.11', '71.00').(You can change this as per your requirement.)

    Happy Coding...!

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: