diff --git a/index.html b/index.html
index 735a1470..d6904526 100644
--- a/index.html
+++ b/index.html
@@ -187,6 +187,8 @@ TourGuide . . .
+
diff --git a/mapa.html b/mapa.html
new file mode 100644
index 00000000..56b9c124
--- /dev/null
+++ b/mapa.html
@@ -0,0 +1,20 @@
+
+
+ Simple Map
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/maps.css b/maps.css
new file mode 100644
index 00000000..2b9cd7eb
--- /dev/null
+++ b/maps.css
@@ -0,0 +1,17 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+ #map {
+ height: 100%;
+ }
+
+ /*
+ * Optional: Makes the sample page fill the window.
+ */
+ html,
+ body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
\ No newline at end of file
diff --git a/maps.js b/maps.js
new file mode 100644
index 00000000..0a44ebe8
--- /dev/null
+++ b/maps.js
@@ -0,0 +1,12 @@
+let map;
+
+async function initMap() {
+ const { Map } = await google.maps.importLibrary("maps");
+
+ map = new Map(document.getElementById("map"), {
+ center: { lat: -34.397, lng: 150.644 },
+ zoom: 8,
+ });
+}
+
+initMap();
\ No newline at end of file