PHPackages                             baato/baato-magento2 - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. baato/baato-magento2

ActiveMagento2-module[Utility & Helpers](/categories/utility)

baato/baato-magento2
====================

Integrate Baato.io maps to Magento 2 Storefront Checkout process.

00JavaScript

Since Nov 23Pushed 4y agoCompare

[ Source](https://github.com/aashan10/baato-magento2)[ Packagist](https://packagist.org/packages/baato/baato-magento2)[ RSS](/packages/baato-baato-magento2/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

Baato Magento 2 Module
======================

[](#baato-magento-2-module)

### Overview

[](#overview)

This package has been built for integration of [Baato.io](https://baato.io) maps into Magento 2 Checkout page. The concept behind this module is to store latitude and longitude of user (customer) into magento 2 backend during the checkout process.

### Contents

[](#contents)

- [Installation](#installation)
- [Customization](#customization)
    - [Style Customization](#style-customization)
        - [Frontend](#frontend-style-customization)
        - [Backend](#backend-style-customization)
    - [JS Customizations](#javascript-customization)
        - [Frontend](#frontend-js-customization)
        - [Backend](#backend-js-customization)
    - [PHP Customizations](#javascript-customization)
    - [Templates](#template-files)
        - [Frontend](#frontend-template-customization)
        - [Backend](#backend-template-customization)

### Installation

[](#installation)

- Create directory `app/code/Baato/Baato` inside magento project root directory.
- Download the .zip file and extract the contents into your `app/code/Baato/Baato`.
- Run the following commands to install the module.

```
cd  &&
rm -rf generated/code &&
php bin/magento s:up &&
php bin/magento set:di:com
```

- Login to magento 2 admin panel. Go to `Stores > Settings > Configurations`.
- You should be able to see `Baato.io` in the side bar.
- Under `Baato.io > General > Keys > Baato.io Key`, enter your [Baato.io](https://baato.io/) API Key for your site and save the configurations.

### Customization

[](#customization)

#### Style Customization

[](#style-customization)

⚠️ Please run `bin/magento setup:grade` after customizing any `.less`files and clean the cache by using the command `bin/magento cache:clean`, else the customizations may not be visible

##### Frontend Style Customization

[](#frontend-style-customization)

To customize the styling of maps container in checkout page, please consider placing the customizations in

`view/frontend/web/css/maps.less`

##### Backend Style Customization

[](#backend-style-customization)

To customize the styling of maps container in checkout page, please consider placing the customizations in

`view/adminhtml/web/css/maps.less`

#### JavaScript Customization

[](#javascript-customization)

##### Frontend JS Customization

[](#frontend-js-customization)

- The map is loaded in the checkout page by **`view/frontend/web/js/maps.js`**
- The KnockoutJS template to the map containers is **`view/frontend/web/template/maps.html`**

###### Backend JS Customization

[](#backend-js-customization)

- The map in the Order view page is rendered via `view/adminhtml/templates/order/shipping-address-map.phtml`

#### PHP Customization

[](#php-customization)

- The previously mentioned JS Magento 2 UI Component and are loaded to the checkout page by **`Plugins\Magento\Checkout\Block\Checkout\LayoutProcessor.php`**
- You can modify the positioning of the maps inside checkout page by modifying the `sortOrder` key value of `$mapElementField` array.

```
$mapElementField = [
 ...
 'sortOrder' => 100 // Change this value by the scale of 10 to move up/down ...]
```

- The `Plugins/Magento/Checkout/Block/Checkout/LayoutProcessor.php` file overrides the pre-existing layout processor file via dependency injection. See `etc/di.xml`
- The latitudes and longitudes are saved into quote shipping address via `Plugins/Sales/Model/Order/SaveCustomAddressAttributes.php`.
- The quote shipping address is converted into order shipping address at the time of checkout by subscribing to order created event at `Observer/UpdateOrderAddress.php`

#### Template Files

[](#template-files)

##### Frontend Template Customization

[](#frontend-template-customization)

See `view/frontend/web/template/maps.html` for the template that renders map in checkout page. The `view/frontend/templates/map.phtml` file only places the baato API key for usages through JavaScript.

##### Backend Template Customization

[](#backend-template-customization)

See `view/adminhtml/templates/order/shipping-address-map.phtml` for template that renders map in order view page.

###  Health Score

14

—

LowBetter than 2% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity28

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/167c0b2ff9f090fac299bc49edb5764743ec7d9d5c1dfccc1ea16c760aed312d?d=identicon)[aashan10](/maintainers/aashan10)

---

Top Contributors

[![aashan10](https://avatars.githubusercontent.com/u/18713900?v=4)](https://github.com/aashan10 "aashan10 (11 commits)")

### Embed Badge

![Health badge](/badges/baato-baato-magento2/health.svg)

```
[![Health](https://phpackages.com/badges/baato-baato-magento2/health.svg)](https://phpackages.com/packages/baato-baato-magento2)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)