Embedding Google Maps in your project

In this example, 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. First, create a new Qt Widgets Application project and remove the status bar, menu bar, and tool bar.
  2. Then, open up your project file (.pro) and add the following modules to your project:
    QT += core gui webengine webenginewidgets
    
  3. Next, open up 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 something like this:
  4. Then, open up

Get Qt5 C++ GUI Programming Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.