Scribd
Upload
92 views2 pages

Gmapsapi

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.

Uploaded by

api-462576317
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
92 views2 pages

Gmapsapi

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.

Uploaded by

api-462576317
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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>
[email protected]<br>
8511 Jennifer Crescent, Niagara Falls<br>
L0S 1J0, ON, CANADA
</p>
</div>
</footer>
</div>
</body>
</html>

You might also like