WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Google Maps API Tutorial


What is Google Maps?

you can get directions from one place to another

you can get information like traffic

Google Maps allows you to display google maps :



Google Maps API

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

Google Maps API lets you customize maps, and the information on maps.

Example of google map

<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map
<div id="googleMap" style="width:100%;height:400px;">

<script>
function myMap() {
var mapProp= {
center:new google.maps.LatLng(20.5937,20.5937),
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">
</body>
</html>