Menu Close
    Hire us Request quote Reading list Switch to dark mode

    Google Maps Pin Address for Magento 2

    Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map, With the help of this module, the customer can drag and drop the pin icon on the google map to enter the address.

    Also, the billing address of the customer/guest user can be entered by using the google map of this module.

    Features

    • Logged in user can add the address in the address book with the help of Google Map.
    • On the checkout page, the user can fill data related to the address with the help of Google Maps.
    • This module works for both guest users and customers.
    • The admin can set the Google map API key.

    Installation

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    If you have downloaded the module from Magento Connect then unzip the respective extension zip and then GoogleMapPinAddress(module) name folder inside your Magento root directory as app/code/Webkul/GoogleMapPinAddress and then move all module’s files inside /app/code/Webkul/GoogleMapPinAddress/ folder in Magento root directory.

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First command- php bin/magento setup:upgrade

    Second Command – php bin/magento setup:di:compile

    Third Command – php bin/magento setup:static-content:deploy

    After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.

    Multilingual Support

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin wants to translate his store content).

    Translation

    If a user wants to translate their module from English to German then they need to follow the path app/code/Webkul/GoogleMapPinAddress/i18n in their unzipped Google Maps Pin Address for Magento 2 folder and will get a CSV file with name “en_US.csv”. Now they will rename that CSV as “de_DE.csv” and translate all right side content after the comma in the German language. After editing the CSV, save it and then upload it to the path app/code/Webkul/GoogleMapPinAddress/i18n where they have installed Magento2 on their server. The module will get translated in the German Language. It supports both the LTR and RTL languages.

    The user can edit the CSV like the image below.


    How to Get Google API

    For getting the google API key, the admin needs to follow these steps:

    Step 1. Go to console.developers.google.com and log in using your Gmail ID. After that, click on select a project.

    Step 2. Click on New Project Button. After that, you need to enter the name of the project and Browse the location of the organization.

    Step 3. After creating the project click on the Enable API And Services.

    Step 4. Then click on the Maps JavaScript API to get the API key.

    Step 5. After clicking on the Maps JavaScript API, you need to click on the ENABLE button.

    Step 6. Once you have enabled the API then you need to navigate through Credentials> Credentials in APIs & Services.

    Step 7. After that, you need to click on the create credentials and select the API key.

    Step 8. Now you can copy the generated API key.

    Admin End Configuration

    After getting the API key, the admin needs to enter that API key while configuring the module. For configuring the module the admin can navigate through Stores> Configuration> Google Map Pin Address Settings.

    After that, by using the general settings the admin can Active this module by selecting Yes and can select No for not using it, in the API Key tab, he needs to enter the Google map API key.

    Lastly, the admin needs to click on the Save Configuration button to save the configuration.

    User End Workflow

    In the front end while doing the check out this module comes into the action by representing the Google Maps for inserting the address.

    Note:

    • Similarly, the guest user can also view the google map for inserting the address.
    • This module will not work in case of multiple address checkout.

    The customer can change the billing address by just point the pin of the google map to his address.

    Note: If the customer is inserting the address manually by himself, then he needs to insert Country, State, and Pincode to locate the map for his address correctly.

    The customer can also change/add the address of his address book by using the google map as well. For updating/adding the address the customer can navigate through My Account> Address Book.

    That’s all about Google Maps Pin Address for Magento 2 module. For any further queries, suggestions or customization, please add a ticket to HelpDesk Support.

    Current Product Version - 3.0.0

    Supported Framework Version - 2.2.x, 2.3.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close

    Table of Content

    Hide Index