Google Maps Tutorial

Google Maps API

Ang tutorial na ito ay nagtuturo sa Google Maps API(Application Programming Interface, Application Programming Interface).

Ang API ay isang pagsasamantala ng mga paraan at kasangkapan na maaaring gamitin upang bumuo ng mga software application.

Google Map sa HTML

Ang halimbawa na ito ay gumagawa ng Google Map sa HTML:

Mga Halimbawa

<!DOCTYPE html>
<html>
<body>
<h1>Ang aking unang 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>