File: //proc/self/cwd/wp-content/Documentation/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gmaper - Google Maps for Elementor</title>
<meta name="description" content="">
<meta name="author" content="merkulove">
<meta name="copyright" content="merkulove">
<meta name="generator" content="Documenter v2.0 https://evp.to/documenter">
<meta name="date" content="2021-06-07T00:00:00+02:00">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/documenter_style.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<style>
html, body{background-color:#FFFFFF;color:#383838;}
h1,h2,h3,h4,h5,h6{color:#383838;}
section table{background-color:#FFFFFF;}
::-moz-selection{background:#444444;color:#DDDDDD;}
::selection{background:#444444;color:#DDDDDD;}
a.brand{background-image:url(assets/images/image_19.png);}
a, a:hover, a:active{color:#0000FF;}
hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF;}
div.navbar-inner, .navbar .nav li ul{background:#DDDDDD;color:#222222;}
a.btn-navbar{background:#DDDDDD;color:#222222;}
.navbar .nav li a{color:#222222;text-shadow:1px 1px 0px #EEEEEE;}
.navbar .nav li a:hover, .navbar .nav li.active a{text-shadow:none;}
div.navbar-inner ul{}
.navbar .nav > li a{color:#444444;}
.navbar .nav > li a:hover, a.btn-navbar:hover{background:#444444;color:#DDDDDD;}
.navbar .nav .active > a, .navbar .nav .active > a:hover, a.btn-navbar:active{background-color:#444444;color:#DDDDDD;}
.navbar .nav li ul li a:hover{background:#444444;color:#DDDDDD;}
.navbar .nav li ul li a:active{background:#444444;color:#DDDDDD;}
.btn-primary {
background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
background-image: -o-linear-gradient(top, #0088CC, #0044CC);
background-image: linear-gradient(top, #0088CC, #0044CC);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
border-color: #0044CC #0044CC #bfbfbf;
color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #0044CC;
}
#documenter_copyright{display:block !important;visibility:visible !important;}
</style>
</head>
<body class="documenter-project-gmaper" data-spy="scroll" id="top">
<!-- Documentation Navbar -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
<a class="brand" href="#">Gmaper - Google Maps for Elementor</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#overview" title="Overview">Overview</a></li>
<li><a href="#installing" title="Installing">Installing</a></li>
<li><a href="#settings" title="Settings">Settings</a></li>
</ul>
</div>
</div>
</div>
</div> <!-- End of Navbar -->
<!-- Main Container Beginning -->
<div class="container" id="documenter_content">
<div id="documenter-cover">
<div class="masthead">
<h1>Gmaper - Google Maps for Elementor</h1>
<p></p>
<ul class="marketing-byline">
<li>created: 06/07/2021</li>
<li>latest update: 06/07/2021</li>
<li>by: merkulove</li>
<li><a href="https://elementor.merkulov.design/gmaper/">elementor.merkulov.design/gmaper/</a></li>
</ul>
<p class="download-info">
<a href="https://1.envato.market/cc-merkulove" class="btn btn-primary btn-large">WordPress plugins</a> <a href="https://docs.merkulov.design/tag/gmaper/" class="btn btn-large">Documentation</a>
</p>
</div> <!-- masthead -->
</div>
<section id="overview">
<div class="page-header"><h3>Overview</h3><hr class="notop"></div>
<!-- wp:more --><!--more--><!-- /wp:more --><!-- wp:paragraph -->
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Gmaper is a WordPress plugin to add extended Google maps without using iframes or code knowledge. It provides an easy and fast process for creating unlimited markers, legends, map styles, and customizing other settings. The map widget can enhance any type of site, be it a blog of travelers visiting places around the world, a business company with multiple locations, or a real estate agency showing key features of the area.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The plugin includes many useful features to cover most of your needs when creating your own location block. You can create the required number of markers by specifying the longitude and latitude, use a custom image as a marker, add title and description, customize its display styles according to the requirements. With the legends, the Gmaper provides more information, explanation for your visitors about the location, or map interpretation. Manage various map display options via simple toggles like Map type, Street view, Zoom controls, Show legend, Overlay and many others. Moreover, you can specify the type of map and select one of the available display styles or use a custom one using JSON code.</p>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Color schemes fo G Maps" class="lazyloaded" data-="" src="assets/images/image_20.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Color schemes fo G Maps</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Full flexibility of Google Maps" class="lazyloaded" data-="" src="assets/images/image_17.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Full flexibility of Google Maps</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Includes Templates for Elementor" class="lazyloaded" data-="" src="assets/images/image_21.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Includes Templates for Elementor</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Crafted for Elementor Builder" class="lazyloaded" data-="" src="assets/images/image_16.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Crafted for Elementor Builder</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Suitable for all kind of Layouts and Templates" class="lazyloaded" data-="" src="assets/images/image_18.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Suitable for all kind of Layouts and Templates</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Completely Cross-Browser Support" class="lazyloaded" data-="" src="assets/images/image_15.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Completely Cross-Browser Support</figcaption></figure>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Perfect for Popular Elementor Themes" class="lazyloaded" data-="" src="assets/images/image_22.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Perfect for Popular Elementor Themes</figcaption></figure>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
We made sure that it was easy for you to get started with the Gmaper plugin. With the plugin, you get 5 unique stylized and go-to-use templates. These are just some examples that can inspire you to create your style. It provides you a quick start in a few clicks.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The plugin has straightforward and flexible style settings. You can set the base map configuration, overlay, typography, colors, background, border, and other things for different elements. It is possible to apply various styles for different item states like normal or hover.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Gmaper for Elementor is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers.</p>
<h2 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.625rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Features of the Gmaper plugin for Elementor</h2>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Supports auto-detection of user location</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Using longitude and latitude to specify a location</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Supports four types of maps: Road map, Satellite, Terrain, Hybrid</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Includes map legends</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Multiple markers for one map</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
A lot of map options display settings</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Ability to create unlimited Maps</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
6 Predefined map display styles</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Support custom map style</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Responsive and friendly to any device</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Customizable fonts, colors, borders, backgrounds, etc.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Responsiveness settings</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Works well with all WordPress themes built on Elementor</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Totally Seo Friendly</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Included pot file for quick translation on any language</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Perfect for RTL direction</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Fast and smooth installing</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Tested and compatible up to WordPress 5+</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Lightweight and Fast</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
All major browsers supported Chrome, Firefox, Safari, Opera, and Edge</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Easy to use and customize with modern User Interface</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Installation Guide and detailed Users Manual</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
Six months Included Support for CodeCanyon buyers</li>
</ul>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Read more about capabilities and settings in the <a href="https://docs.merkulov.design/tag/gmaper/" rel="noreferrer noopener" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;" target="_blank">Online Documentation</a>.</p>
<!-- /wp:paragraph --></section>
<section id="installing">
<div class="page-header"><h3>Installing</h3><hr class="notop"></div>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin <span style="box-sizing: inherit; font-weight: 600;">pluginname.zip</span> There are two ways to install it:</p>
<h2 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.625rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )</h2>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 1</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit <span style="box-sizing: inherit; font-weight: 600;">http://yoursitename/wp-admin</span></p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 2</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Go to <span style="box-sizing: inherit; font-weight: 600;">Plugins</span> > <span style="box-sizing: inherit; font-weight: 600;">Add New</span></p>
<figure class="wp-block-image is-resized" style="box-sizing: inherit; display: table; margin: 1em 0px 1.5em; max-width: 100%; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Add New Plugin to WordPress" class="wp-image-383 lazyloaded" data-="" height="228" src="assets/images/image_1.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%;" width="345"><figcaption style="box-sizing: inherit; display: table-caption; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 93, 102); font-size: 13px; caption-side: bottom; font-style: italic;">Add New Plugin to WordPress</figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 3</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Click <span style="box-sizing: inherit; font-weight: 600;">Upload Plugin</span> Button</p>
<figure class="wp-block-image is-resized" style="box-sizing: inherit; display: table; margin: 1em 0px 1.5em; max-width: 100%; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="Upload New Plugin to WordPress" class="wp-image-384 lazyloaded" data-="" height="194" src="assets/images/image_2.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%;" width="381"><figcaption style="box-sizing: inherit; display: table-caption; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 93, 102); font-size: 13px; caption-side: bottom; font-style: italic;">Upload New Plugin to WordPress</figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 5</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Choose archive with Plugin and press <span style="box-sizing: inherit; font-weight: 600;">Install Now</span> Button</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 6</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
After Installing go back to the Plugins page and click Activate below plugin title</p>
<figure class="wp-block-image" style="box-sizing: inherit; margin: 1em 0px 1.5em; max-width: 100%; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-385 lazyloaded" data-="" src="assets/images/image_3.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 93, 102); font-size: 13px; font-style: italic;">Activate Installed Plugin</figcaption></figure>
<h2 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.625rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Installation the plugin through FTP or build-in File manager</h2>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 1</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Use Login and Password to connect to your web-server via FTP or use your hosting file manager.</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 2</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Upload archive with plugin to<span style="box-sizing: inherit; font-weight: 600;"> /wp-content/plugins</span></p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 3</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
On next step Unzip the archive with the plugin</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STEP 4</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Installing <a aria-label="WordPress Plugin (opens in a new tab)" href="https://1.envato.market/cc-merkulove" rel="noreferrer noopener" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;" target="_blank">WordPress Plugin</a> is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.</p>
<figure class="wp-block-image" style="box-sizing: inherit; margin: 1em 0px 1.5em; max-width: 100%; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-385 ls-is-cached lazyloaded" data-="" src="assets/images/image_3.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%;"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 93, 102); font-size: 13px; font-style: italic;">Activate Installed Plugin</figcaption></figure>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and <a href="https://docs.merkulov.design/category/wordpress-plugins/" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;">WordPress Plugins</a>.</p>
</section>
<section id="settings">
<div class="page-header"><h3>Settings</h3><hr class="notop"></div>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Add a Google map without using iframes or code knowledge. It provides an easy and fast process for creating unlimited markers, legends, map styles, and customizing other settings. The map widget can enhance any type of site, be it a blog of travelers visiting places around the world, a business company with multiple locations, or a real estate agency showing key features of the area.</p>
<p class="note" style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 20px 30px; color: rgba(0, 0, 0, 0.66); border-radius: 0.25rem; background: rgb(235, 248, 255); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
For further work, you need the <a href="https://elementor.com/?ref=3174" rel="noreferrer noopener" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;" target="_blank">Elementor</a> to be installed on your site. You can download it from wordpress.org</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Once you install and activate the plugin, go to <span style="box-sizing: inherit; font-weight: 600;">Elementor>Gmaper for Elementor>Google Maps API Key</span> and enter your own API key. How to get the key read in the <a href="https://docs.merkulov.design/how-to-get-google-map-api-key/" rel="noreferrer noopener" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;" target="_blank">documentation</a>.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Open or create a page using Elementor and drag the widget to a page using the Element editor to start customizing. In the left pane of the editors, you can customize the widget to the style of your site. Each of the tabs presented a specific group of settings:</p>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<a href="https://docs.merkulov.design/how-to-add-a-google-map-on-a-wordpress-website/#content-tab" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;">Content</a></li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<a href="https://docs.merkulov.design/how-to-add-a-google-map-on-a-wordpress-website/#Style-tab" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;">Style</a></li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<a href="https://docs.merkulov.design/use-liner-widget-to-add-animated-svg-image/#advanced-tab" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;">Advanced</a></li>
</ul>
<h2 id="content-tab" style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.625rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Content Tab</h2>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The Content section has all the basic Google map settings like coordinates, markers, legends, display options, etc.</p>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Center location</h3>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Specify the coordinates of the central location on the map. Read <a href="https://support.google.com/maps/answer/18539?co=GENIE.Platform%3DDesktop&hl=en" rel="noreferrer noopener" style="box-sizing: inherit; background-color: transparent; color: rgb(51, 119, 255); transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s; box-shadow: none; outline: 0px;" target="_blank">how to get your place coordinates</a>.</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
LATITUDE</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Specify the latitude of the center map location.</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
LONGITUDE</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Specify the longitude of the center map location.</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
USER LOCATION</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The option allows you to auto-detect the user location and display it as a central location.</p>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8024 ls-is-cached lazyloaded" data-="" height="177" src="assets/images/image_8.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="284"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Latitude and longitude of central map location</figcaption></figure>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Map settings</h3>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Map type – </span>select one of the available map types: <span style="box-sizing: inherit; font-weight: 600;">Road map, Satellite, Terrain, Hybrid.</span></li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Zoom –</span> set the map zoom which will be displayed for visitors by default.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Overlay – </span>the toggle to enable/disable overlay layer for the map box which can be customized in different styles on the Style tab.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Scroll wheel zoom – </span>the toggle to enable/disable the ability to zoom the map using a wheel.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Info container always opened –</span> the option allows you to keep always open the block with additional information about the location.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Info container open on hover – </span>the option allows you to open on hover the block with additional information about the location.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Zoom controls – </span>the toggle to enable/disable the display of zoom buttons on the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Full screen control – </span>the toggle to enable/disable the display of the fullscreen mode button on the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Disable map drag – </span>the toggle to enable/disable the ability to drag the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Show legend – </span>the option allows you to display the legend on the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Map type control – </span>the toggle to enable/disable the map type control buttons on the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Street view control – </span>the toggle to enable/disable the street view button on the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Hide logo – </span>the toggle to enable/disable the Google logo in the bottom left corner of the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Hide copyright – </span>the toggle to enable/disable the Google copyright in the bottom right corner of the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Hide terms of use – </span>the toggle to enable/disable the Google term of use in the bottom right corner of the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Hide report a map error – </span>the toggle to enable/disable the Google Report of problem in the bottom right corner of the map.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Hide keyboard shortcuts – </span>the toggle to enable/disable the keyboard shortcuts in the bottom right corner of the map.</li>
</ul>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8046 ls-is-cached lazyloaded" data-="" data-srcset="assets/images/image_14.png 1052w, https://docs.merkulov.design/wp-content/uploads/2021/06/map_sample-768x363.png 768w" height="497" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" src="assets/images/image_14.png" srcset="assets/images/image_14.png 1052w, https://docs.merkulov.design/wp-content/uploads/2021/06/map_sample-768x363.png 768w" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="1052"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">A map example with almost all map settings enabled</figcaption></figure>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Legend</h3>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
A section for adding the required number of legends for the map box.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
To add a new legend, click “<span style="box-sizing: inherit; font-weight: 600;">Add Item</span>” and fill or edit all the fields.</p>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8049 ls-is-cached lazyloaded" data-="" height="439" src="assets/images/image_7.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="271"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Legend settings of the Gmaper</figcaption></figure>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Title</span> – a field to enter the title of the legend section.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Legend Image</span> – select an image from the media library for a new item.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Icon size</span> – specify the icon/image size of the item.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Title</span> – a field to enter the title of the item.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Marker</h3>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
A section for adding the required number of markers for the map box.</p>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
To add a new marker, click “<span style="box-sizing: inherit; font-weight: 600;">Add Item</span>” and fill or edit all the fields.</p>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8054 ls-is-cached lazyloaded" data-="" height="575" src="assets/images/image_9.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="227"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Marker settings of the Gmaper</figcaption></figure>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Choose Image</span> – select an image from the media library for a new item.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Rectangular image –</span> an option allows using rectangular images. When it is disabled the image will be square.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Custom marker size –</span> specify the icon/image size of the item.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">latitude – </span>specify the latitude of the marker.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">longitude –</span> specify the longitude of the marker.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Title</span> – a field to enter the title of the item.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Description</span> – a text area to enter the description of the item.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Map styles</h3>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Select one of the available map styles or use the JSON code for your custom style.</p>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
STANDARD</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8065 ls-is-cached lazyloaded" data-="" height="310" src="assets/images/image_13.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="555"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Standard map style</figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
SILVER</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8066 ls-is-cached lazyloaded" data-="" height="309" src="assets/images/image_12.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="552"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Silver map style</figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
RETRO</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8067 ls-is-cached lazyloaded" data-="" height="307" src="assets/images/image_11.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="552"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;"><em style="box-sizing: inherit;">Retro map style</em></figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
DARK</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8068 ls-is-cached lazyloaded" data-="" height="308" src="assets/images/image_5.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="550"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Dark<em style="box-sizing: inherit;"> map style</em></figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
NIGHT</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8069 ls-is-cached lazyloaded" data-="" height="310" src="assets/images/image_10.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="551"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;"><em style="box-sizing: inherit;">Night map style</em></figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
AUBERGINE</h6>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8070 ls-is-cached lazyloaded" data-="" height="309" src="assets/images/image_4.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="554"><figcaption style="box-sizing: inherit; margin-top: 0.5em; margin-bottom: 1.5em; color: rgb(85, 85, 85); font-size: 13px; font-style: italic;">Aubergine <em style="box-sizing: inherit;">map style</em></figcaption></figure>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
CUSTOM</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
Enter your Json code to change the map style.</p>
<figure class="wp-block-image size-large" style="box-sizing: inherit; margin: 1em 0px 1.5em; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<img alt="" class="wp-image-8071 ls-is-cached lazyloaded" data-="" height="180" src="assets/images/image_6.png" style="box-sizing: inherit; border-style: none; height: auto; max-width: 100%; border-radius: inherit;" width="272"></figure>
<h2 id="Style-tab" style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.625rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Style tab</h2>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
On the style tab, you can manage the Google Map, marker, and legend styles like colors, size, typography, borders, padding/margin, etc.</p>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Map</h3>
<ul id="block-46dbd779-d688-4cbb-a00f-4b4fce5e2324" style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Margin</span> – the setting allows managing the margin of the current element in different units(px, %) for desktops, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Height –</span> specify the height of the map box.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Width –</span> specify the width of the map box.</li>
</ul>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
NORMAL/HOVER</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The map style settings for different states.</p>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Type</span> – select one of the available border types (solid, double, dotted, dashed, groove) for the current box and adjust the width, color, and radius according to your needs. Pick “None” to remove the border.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Radius –</span> specify the radius of the current block items for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Box Shadow</span> – the setting creates a shadow from the current block and it can be adjusted according to your needs specifying color, blur, horizontal and vertical shift.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Overlay</h3>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Color –</span> specify the color and opacity for the map overlay using the color picker.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Blend Mode –</span> select one of the available blend modes.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
<span style="box-sizing: inherit; font-weight: 600;">Marker title/Marker description/Legend title</span></h3>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Margin</span> – </span>the setting allows managing the margin of the current element in different units(px, %) for desktop, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Padding</span> – </span>the setting allows managing the padding of the current element in different units(px, em, %) for desktops, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Alignment – </span>manage the current block alignment (left, center, right) for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Typography</span> – this group of settings controls everything about typography: font size, font weight, line height, decoration, and other parameters.</li>
</ul>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
NORMAL/HOVER</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The text style settings for different states.</p>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Color –</span> specify the font color and opacity for the text of the current block using the color picker.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Background Type</span> – the setting changes the background of the current block. You can choose a color, gradient, or background image.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Type – </span>select one of the available border types (solid, double, dotted, dashed, groove) for the current box and adjust the width, color, and radius according to your needs. Pick “None” to remove the border.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Radius –</span> specify the radius of the current block for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Box Shadow</span> – the setting creates a shadow from the current block and it can be adjusted according to your needs specifying color, blur, horizontal and vertical shift.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Legend</h3>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Margin</span> – </span>the setting allows managing the margin of the current element in different units(px, %) for desktop, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Padding</span> – </span>the setting allows managing the padding of the current element in different units(px, em, %) for desktops, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Height</span>– specify the height of the current element in different units(px, %) for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Width</span> – specify the width of the current element in different units(px, %) for all devices or separately for desktops, tablets, or mobiles.</li>
</ul>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
NORMAL/HOVER</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The legend style settings for different states.</p>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Background Type</span> – the setting changes the background of the current block. You can choose a color, gradient, or background image.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Type – </span>select one of the available border types (solid, double, dotted, dashed, groove) for the current box and adjust the width, color, and radius according to your needs. Pick “None” to remove the border.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Radius –</span> specify the radius of the current block for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Box Shadow</span> – the setting creates a shadow from the current block and it can be adjusted according to your needs specifying color, blur, horizontal and vertical shift.</li>
</ul>
<h3 style="box-sizing: inherit; clear: both; line-height: 1.4; margin: 0px 0px 0.75em; padding: 0px; color: rgba(0, 0, 0, 0.72); font-size: 1.375rem; font-weight: 300; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased;">
Legend items</h3>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Margin</span> – </span>the setting allows managing the margin of the current element in different units(px, %) for desktop, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;"><span style="box-sizing: inherit;">Padding</span> – </span>the setting allows managing the padding of the current element in different units(px, em, %) for desktops, tablets, or phones.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Typography</span> – this group of settings controls everything about typography: font size, font weight, line height, decoration, and other parameters.</li>
</ul>
<h6 style="box-sizing: inherit; clear: both; margin: 0px 0px 0.75em; font-family: "Varela Round", sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; background: rgba(0, 0, 0, 0.72); border-radius: 4px; height: 2em; text-transform: uppercase; line-height: 2em !important; padding: 1px 10px 0px 9px !important; color: rgb(255, 255, 255) !important; font-size: 0.69em !important;">
NORMAL/HOVER</h6>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
The item style settings for different states.</p>
<ul style="box-sizing: inherit; margin: 0px 0px 1.5rem; padding-right: 0px; padding-left: 2em; list-style-position: initial; list-style-image: initial; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Color –</span> specify the font color and opacity for the text of the current block using the color picker.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Background Type</span> – the setting changes the background of the current block. You can choose a color, gradient, or background image.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Type – </span>select one of the available border types (solid, double, dotted, dashed, groove) for the current box and adjust the width, color, and radius according to your needs. Pick “None” to remove the border.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Border Radius –</span> specify the radius of the current block for all devices or separately for desktops, tablets, or mobiles.</li>
<li style="box-sizing: inherit; margin: 0.5em 0px;">
<span style="box-sizing: inherit; font-weight: 600;">Box Shadow</span> – the setting creates a shadow from the current block and it can be adjusted according to your needs specifying color, blur, horizontal and vertical shift.</li>
</ul>
<p style="box-sizing: inherit; margin: 0px 0px 1.5em; padding: 0px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif; font-size: 16px;">
</p>
<div class="mdp-liker-box after-content two-buttons style-fill bottom-left" data-memory="on" id="mdp-liker-8012" style="box-sizing: inherit; font-size: 16px; --mdp-liker-text-color: rgba(51, 119, 255, 1); --mdp-liker-text-color-active: rgba(235, 248, 255, 1); --mdp-liker-text-color-hover: rgba(255, 255, 255, 1); --mdp-liker-bg-color: rgba(235, 248, 255, 1); --mdp-liker-bg-color-active: rgba(51, 119, 255, 1); --mdp-liker-bg-color-hover: rgba(60, 152, 255, 1); --mdp-liker-radius: 8px; --mdp-liker-border: 1px; margin: 32px 0px 24px; color: rgba(0, 0, 0, 0.66); font-family: "Open Sans", Arial, sans-serif;">
<div style="box-sizing: inherit; display: flex; align-items: flex-start; flex-direction: column;">
<div class="mdp-liker-description" style="box-sizing: inherit;">
</div>
</div>
</div>
<!-- /wp:heading --><!-- wp:block {"ref":1773} /--><!-- /wp:heading --><!-- wp:block {"ref":1773} /--></section>
<hr />
<footer>
<p>Copyright Gmaper 2021 made by <a href="https://1.envato.market/cc-merkulove">merkulove</a></p></p>
</footer>
</div><!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>document.createElement('section');var duration='500',easing='swing';</script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.scrollTo.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-min.js"></script>
</body>
</html>