KalilNdM.github.io/mapa.html at master · JonesBalada/KalilNdM.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
    <head>
        <link href="estiloso.css" type="text/css" rel="stylesheet">

        <title>Meu mapa</title>
    </head>
    <body>
         <div id="apresentacao">
         <h1>Teste Mapa Google API</h1>
        <form method="post" action="" id="map.html">
            <fieldset>
                <legend>Google Maps</legend>

                <div class="campos">
                    <label for="txtEndereco">Endereço:</label>
                    <input type="text" id="txtEndereco" name="txtEndereco" />
                </div>
                <div>
                    <input type="button" id="btnEndereco" name="btnEndereco" value="Mostrar no mapa" />
                </div>

                <div id="mapa" style="height: 500px; width: 1000px">
                </div>

                <div>
                    <input type="submit" value="Enviar" name="btnEnviar" />
                </div>
                </div>
                <input type="hidden" id="txtLatitude" name="txtLatitude" />
                <input type="hidden" id="txtLongitude" name="txtLongitude" />
            </fieldset>
        </form>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcyjD_BBiaKEmdhqtvBtadLO9Nn0_J384 &amp;sensor=false"></script>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="Mapa.js"></script>
        <script type="text/javascript" src="jquery-ui.custom.ui.js"></script>
    </body>

</html>