Embedding Google Maps in your project

In this recipe, we will learn how to embed Google Maps in our project through Qt's WebEngine module. This example doesn't focus much on Qt and C++, but rather on the Google Maps API in HTML code.

How to do it...

Let's create a program that displays Google Maps by following these steps:

1. Create a new Qt Widgets Application project and remove the statusBar, menuBar, and mainToolBar.
2. Open your project file (.pro) and add the following modules to your project:

QT += core gui webengine webenginewidgets

3. Open mainwindow.ui and add a vertical layout to the canvas. Then, select the canvas and click the Lay Out Vertically button on top of the canvas. You will get the following:
...