index.html

﻿<!DOCTYPE html>
<html>

    <head>
        <title>My Location Maps API v3</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link href="mylocation.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <div id="googleMap"></div>
        <div id="header">
            <div class="hdrInfo"></div>
        </div>
        <div id="controlDiv">
            <div class="locDiv">
                <div class="listDiv">
                    <input type="text" class="searchInput" placeholder="Search location list..." id="searchInput" />
                    <div id="locationList" class="locList">
                        <!--populating XML list-->
                    </div>
                </div>
                <div class="infoDiv">
                    <p class="title"></p>
                    <p class="info"></p>
                    <p class="alink">back to locatoin list</p>
                </div>
            </div>
            <div class="copy-right">&copy; <a href="www.graphicguru.in" target="_blank">Graphicguru.in</a> </div>
        </div>

        <script src="https://maps.googleapis.com/maps/api/js?sensor=false">
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script src="mylocation.js"></script>
    </body>

</html>