Tutorials References Exercises Videos Menu
Paid Courses Website NEW Pro NEW

Google Maps Tutorial


Google Maps API

This tutorial is about the Google Maps API (Application Programming Interface).

An API is a set of methods and tools that can be used for building software applications.


Google Maps in HTML

This example creates a Google Map in HTML:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Google Map</h1>

<div id="googleMap" style="width:100%;height:400px;"></div>

<script>
function myMap() {
var mapProp= {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>

</body>
</html>