GOOGLE MAP API INTEGRATION 

TODAY I AM GOING TO SHOW DROWN  GOOGLE MAP DYNAMIC IN .NET MVC

STEP 1
CREATE A GMAIL ACCOUNT AND THEN CREATE A MAP API THOUGH THIS LINK
CLICK HERE 

STEP 2
GENERATE A MAP API

STEP 3

CONTROLLER CODE

put your product details url with id to go to details page from map.(where i black the line)


HTML CODE

Design the your page and past this code where you want to show the map

------------------------------------------------------------------------------------------------------------------------
   <div id="dvMap" style="width: 100%; height: 450px;border:0" frameborder="0" allowfullscreen></div>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key="PAST YOUR MAP API OR API"></script>
------------------------------------------------------------------------------------------------------------------------
JAVA SCRIPT CODE

THANKS