Scribd Logo
Upload

Welcome to Scribd!

  • Gmapsapi

    Uploaded by

    api-462576317
    61 views2 pages
    This document includes code to load the Google Maps API and JavaScript to display an interactive map on a web page. Buttons are defined to allow users to add points, polylines, and polygons to the map. The map is displayed within a <div> element with an ID of "gMap". Footer content includes contact information for the website developer.

    Original Description:

    Original Title

    gmapsapi

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document includes code to load the Google Maps API and JavaScript to display an interactive map on a web page. Buttons are defined to allow users to add points, polylines, and polygons to the map. The map is displayed within a <div> element with an ID of "gMap". Footer content includes contact information for the website developer.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    61 views2 pages

    Gmapsapi

    Uploaded by

    api-462576317
    This document includes code to load the Google Maps API and JavaScript to display an interactive map on a web page. Buttons are defined to allow users to add points, polylines, and polygons to the map. The map is displayed within a <div> element with an ID of "gMap". Footer content includes contact information for the website developer.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 2

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Google Maps API</title>
    <link rel="stylesheet" href="_css/style.css">
    <!-- link google maps and api key and Javascript-->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBpr-
    nd9aSLNF4bGRhCel3r3Wp_jEMLllU"></script>
    <script src = "_javascript/gMapsApi.js"></script>

    </head>
    <body>

    <div>
    <header>
    <img src= "images/EcoTech.png" alt="EcoTech Logo" class="Logo" >
    <h1>Business Development Application Town of Grimisby</h1>
    <nav>
    <ul>
    <li> <a href="index.html">Home</a> </li>
    <li> <a href="bio.html">Biography</a></li>
    <li> <a href="gisProject.html">GIS Thesis Project</a></li>
    <li> <a href="gMapsApi.html">Google Maps API </a></li>
    <li> <a href="contact.html">Contact </a></li>
    </ul>
    </nav>

    </header>

    <h2>
    Google Maps

    </h2>

    <!-- Buttons are declared and location of google map is defined -->
    <div id = "gMap"> The Google API Map is Loaded here.</div>
    <div class ="buttons">
    <input type="button" id="addPoint" title="add point"
    value="Add Point" onclick="addPoint()"/>
    <input type="button" id="addPolyline" title="add
    polyline" value="Add Polyline" onclick="addPolyline()" />
    <input type="button" id="addPolygon" title="add
    polygon" value="Add Polygon" onclick="addPolygon()" />
    <input type="button" id="reset" title="reset"
    value="Reset" onclick="reset()" />
    </div>

    <footer>
    <div class="footer">
    <p>Written by: Neela Bariya.<br>
    Visit us at:<br>
    EcoTech Inc. <br>
    bariya.neela@gmail.com<br>
    8511 Jennifer Crescent, Niagara Falls<br>
    L0S 1J0, ON, CANADA
    </p>
    </div>
    </footer>
    </div>
    </body>
    </html>

    You might also like