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.
Let's create a program that displays Google Maps by following these steps:
- Create a new Qt Widgets Application project and remove the statusBar, menuBar, and mainToolBar.
- Open your project file (.pro) and add the following modules to your project:
QT += core gui webengine webenginewidgets
- 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: ...