Integerate Google Maps To web mvc

Today, We want to share with you Integerate Google Maps To web mvc.
In this post we will show you Use Google Maps in ASP.Net, hear for google maps integration in we will give you demo and example for implement.
In this post, we will learn about working with google maps in with an example.

Integerate Google Maps To web mvc

There are the Following The simple About Integerate Google Maps To web mvc Full Information With Example and source code.

As I will cover this Post with live Working example to develop google maps integration in, so the some major files and Directory structures for this example is following below.

  • Default.aspx.cs

Google maps example html


This is where I will make a simple HTML form and PHP server side source code for our web application. To make the forms simply all souce code copy and write it into your any text editor Like Notepad++, then save file it as Default.aspx.cs.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="">
<head runat="server">
    <title>use google maps in</title>
        /* Always set the live_asp_maps height explicitly Google maps in web to define your perfect the size of the div
       * element that contains the live_asp_maps. */
        #live_asp_maps {
            height: 580px;
        /* Optional: Use Google Maps in ASP.Net Makes the sample page fill the window. */
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;

    <script type="text/javascript" src=""></script>

        var live_asp_maps;
        function google_maps_asp_net() {
            var mapOptions = {
                zoom: 9, // google maps api zoom                                   
                center: new google.maps.LatLng(29.512346, 52.0758713), // Your Live latitude and longitude live_asp_maps
                mapTypeId: google.maps.MapTypeId.ROADMAP   //declare google maps types Like TERRAIN & SATELLITE, ROADMAP
            live_asp_maps = new google.maps.Map(document.getElementById('live_asp_maps'), mapOptions);
<body onload="google_maps_asp_net();">
    <form id="form1" runat="server">
        <h1>google maps integration in</h1>
            <div id="live_asp_maps"></div>

Google maps in web – output

Integerate Google Maps To web mvc - output
Integerate Google Maps To web mvc – output
Angular 6 CRUD Operations Application Tutorials

Read :

Also Read This 👉   Insert Data Into Database using Vue.js with PHP Mysql


You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Google Map Using Bootstrap In ASP.NET MVC.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.