How to add Google map inside html page without using API key ? Last Updated : 12 Jul, 2025 Summarize Comments Improve Suggest changes Share Like Article Like Report There are two ways to add google maps inside HTML page: Using API key Without using API key To learn first case you can follow the article while to learn other one follow this article. To insert google map inside the HTML page, follow the steps: Go to the google maps and search your desired location. Now, you will see share option, click on it. Now, a dialog box will appear go to embed a map option. A new option will be seen inside the dialog box to copy html. And you can also select the size of the map you want to embed inside your page. Now paste it inside your html page. Example: How to add Google Map inside HTML page without using API key. html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Customize the scroll-bar</title> <style media="screen"> body { background-image: linear-gradient( to right, dodgerblue, darkblue); } </style> </head> <body> <center> <h1 style="color:lawngreen;"> Geeks For Geeks </h1> <div> <!-- Google Map Copied Code --> <iframe src= "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.2233913121413!2d77.4051603706222!3d28.50292593193056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce626851f7009%3A0x621185133cfd1ad1!2sGeeksforGeeks!5e0!3m2!1sen!2sin!4v1585040658255!5m2!1sen!2sin" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"> </iframe> </div> </center> </body> </html> Output: Note: The issue of this technique is it doesn't use API so map is not auto updated, so each time you have to manually update the map by changing the HTML code of map. Comment More infoAdvertise with us Next Article How to add Google map and Marker to your Application using AngularJS ? A aditya_taparia Follow Improve Article Tags : Web Technologies HTML HTML-Misc Similar Reads Create a Map with Google Map Api using React-Native In this project, we'll explore how to integrate Google Maps into a React Native application. We'll create a dynamic map that allows users to view their current location and interact with markers on the map. This project aims to provide a practical guide for developers looking to incorporate maps int 3 min read How To Add Google Maps With A Marker to a Website Google Maps is a web mapping service developed by Google. It offers satellite imagery, street maps, 360° panoramic views of streets (Street View), real-time traffic conditions (Google Traffic), and route planning for traveling by foot, car, bicycle (in beta), or public transportation. To add a Googl 3 min read Design a Contact Page with a Map using Bootstrap We will design a Contact Page with a Map using Bootstrap. The Contact Page with the Map is useful and provides users with geographical context for finding your organization or the location more efficiently. Here, we will create the basic contact form for the user to fill out and the location of the 2 min read How to add Google map and Marker to your Application using AngularJS ? The objective is to add a Google Map and a Marker in Angular application. When the user will click on a particular location on the map, the marker will be added to that particular location. For reaching the goal we will use AGM (Angular Google Maps) and its components that will make the solution ver 2 min read Design a Contact Page with a Map using HTML and CSS In this article, we will design a Contact Page with a Map using HTML and CSS. The Contact Page with the Map is useful and provides users with geographical context for finding your organization or the location more efficiently. Here, we will create the basic contact form for the user to fill out and 3 min read How to add a hit map on top of an image in HTML ? HTML is a Markup language is used to design web pages. When we need to make an image also works as a link, we use the <a> tag but in this tag, our whole image links to only one page. What will we do if we want to make every part of the image link to different resources? So, For this map tag co 4 min read Like