{"id":202915,"date":"2019-10-18T12:06:19","date_gmt":"2019-10-18T12:06:19","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=202915"},"modified":"2026-02-06T10:48:11","modified_gmt":"2026-02-06T10:48:11","slug":"magento2-google-maps-pin-address","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/","title":{"rendered":"Google Maps Pin Address for Magento 2(Adobe Commerce)"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-google-maps-pin-address.html\">Magento 2 Google Maps Pin Address<\/a> (Adobe Commerce) 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.<\/p>\n\n\n\n<p>Also, the billing address of the customer\/guest user can be entered by using the google map of this module.<\/p>\n\n\n\n<p>Watch the video tutorial below to understand the extension workflow:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"8Hi-tsfftnU\"><div class=\"components-placeholder__instructions\">8Hi-tsfftnU<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>Logged in user can add the address in the address book with the help of Google Map.<\/li>\n\n\n\n<li>On the checkout page, the user can fill data related to the address with the help of Google Maps.<\/li>\n\n\n\n<li>This module works for both guest users and customers.<\/li>\n\n\n\n<li>The admin can set the Google map API key.<\/li>\n\n\n\n<li>Admin can set the default longitude and latitude for the map.<\/li>\n\n\n\n<li>Now the Magento 2 Google Map Pin address module supports GraphQL API.<\/li>\n\n\n\n<li>The extension is now compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyva theme<\/a>.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Customers will get a&nbsp;<strong>zip folder<\/strong>&nbsp;and they have to extract the contents of this zip folder on their system. The extracted folder has an<strong>&nbsp;src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app<\/strong>&nbsp;folder. You need to transfer this&nbsp;<strong>app<\/strong>&nbsp;folder into the Magento 2 (Adobe Commerce) root directory on the server as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"379\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png\" alt=\"1_9\" class=\"wp-image-221267\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9.png 1302w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If you have downloaded the module from Magento Connect then unzip the respective extension zip and then&nbsp;<strong>GoogleMapPinAddress<\/strong>(module) name folder inside your Magento root directory as&nbsp;<strong>app\/code\/Webkul\/GoogleMapPinAddress<\/strong>&nbsp;and then move all module\u2019s files inside&nbsp;<strong>\/app\/code\/Webkul\/GoogleMapPinAddress\/<\/strong>&nbsp;folder in Magento root directory.<\/p>\n\n\n\n<p>After the successful installation, you have to run these commands in the&nbsp;Magento 2 root directory.<\/p>\n\n\n\n<p><strong>First command- php bin\/magento setup:upgrade<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3.png\" alt=\"Command-1\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Second Command \u2013 php bin\/magento setup:di:compile<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2.png\" alt=\"Command-2\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Third Command \u2013 php bin\/magento setup:static-content:deploy<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png\"><img decoding=\"async\" width=\"601\" height=\"132\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png\" alt=\"Command-3\" class=\"wp-image-88119\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png 601w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1-250x55.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1-300x66.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>After running the commands, you have to flush the cache from the Magento admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong>&nbsp;as shown below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Magento2 Product Return RMA\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Multilingual Support<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For the&nbsp;<strong>multilingual&nbsp;<\/strong>support, the admin will navigate through&nbsp;<strong>Store-&gt;Configuration-&gt;General -&gt;Locale Options<\/strong>&nbsp;and select the locale as German (the language into which admin wants to translate his store content).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/LAnguage-1.png\" alt=\"Configuration For Multilingual Support\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Translation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>If a user wants to translate their module from English to German then they need to follow the path <strong>app\/code\/Webkul\/GoogleMapPinAddress\/i18n<\/strong> in their unzipped Google Maps Pin Address for Magento 2 folder and will get a CSV file with name \u201cen_US.csv\u201d. Now they will rename that CSV as \u201cde_DE.csv\u201d 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 <strong>app\/code\/Webkul\/GoogleMapPinAddress\/i18n<\/strong> 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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"380\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3-1200x380.png\" alt=\"22_3\" class=\"wp-image-221268\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3-1200x380.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3-768x243.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/22_3.png 1263w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The user can edit the CSV like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"851\" height=\"449\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/Translation-1200x695-1.png\" alt=\"Translation-1200x695-1\" class=\"wp-image-221309\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/Translation-1200x695-1.png 851w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/Translation-1200x695-1-300x158.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/Translation-1200x695-1-250x132.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/Translation-1200x695-1-768x405.png 768w\" sizes=\"(max-width: 851px) 100vw, 851px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">How to Get Google API<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For getting the google API key, the admin needs to follow these steps:<\/p>\n\n\n\n<p>Watch the video tutorial below to know how to get Google Maps API Keys<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\">\r\n<div class=\"wk-block--yt-video-frame\">\r\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"hSw2JoCLu_Q\">\u00a0<\/div>\r\n<\/div>\r\n<\/div>\n\n\n\n<p>Step 1. Go to <a href=\"https:\/\/console.developers.google.com\/apis\/dashboard?project=my-project-34547rrr&amp;folder=&amp;organizationId=\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">console.developers.google.com<\/a> and log in using your Gmail ID. After that, click on select a project.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/create-app-1.png\" alt=\"google shopping feed magento 2\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 2. Click on <strong>New Project<\/strong> Button. After that, you need to enter the name of the project and Browse the location of the organization.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"874\" height=\"421\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png\" alt=\"New Project\" class=\"wp-image-202991\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 874w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 3. After creating the project click on the <strong>Enable API And Services<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"337\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png\" alt=\"Enable API\" class=\"wp-image-202998\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 1024w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 4. Then click on the <strong>Maps JavaScript API<\/strong> to get the API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1237\" height=\"664\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png\" alt=\"Maps Javascript\" class=\"wp-image-203002\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 1237w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 1200w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 5. After clicking on the <strong>Maps JavaScript API<\/strong>, you need to click on the <strong>ENABLE<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"958\" height=\"616\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png\" alt=\"Maps JavaSacript API\" class=\"wp-image-203004\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 958w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 768w\" sizes=\"(max-width: 958px) 100vw, 958px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 6. Once you have enabled the API then you need to navigate through <strong>Credentials&gt; Credentials in APIs &amp; Services.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1208\" height=\"403\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png\" alt=\"CREDENTIALS\" class=\"wp-image-203013\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 1208w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 1200w\" sizes=\"(max-width: 1208px) 100vw, 1208px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 7. After that, you need to click on the create credentials and select the API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1086\" height=\"454\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png\" alt=\"API key\" class=\"wp-image-203022\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 1086w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 768w\" sizes=\"(max-width: 1086px) 100vw, 1086px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 8. Now you can copy the generated API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1060\" height=\"494\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png\" alt=\"Created\" class=\"wp-image-203024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 1060w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 768w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Admin End Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>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 <strong>Stores&gt; Configuration&gt; Google Map Pin Address Settings.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"582\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin-1200x582.png\" alt=\"Google-Map-Pin-Address-Adobe-Commerce-Configuration\" class=\"wp-image-290588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin-1200x582.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin-768x373.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/googlepin-addon-admin.png 1212w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, by using the general settings the admin can <strong>Active<\/strong> this module by selecting <strong>Yes<\/strong> and can select <strong>No<\/strong> for not using it, in the <strong>API Key<\/strong> tab, he needs to enter the Google map API key. Admin can set the default longitude and latitude for the map as well.<\/p>\n\n\n\n<p>Lastly, the admin needs to click on the <strong>Save Configuration<\/strong> button to save the configuration.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">User End Workflow<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>In the front end while doing the check out this module comes into the action by representing the Google Maps for inserting the address.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1253\" height=\"1704\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png\" alt=\"frontend\" class=\"wp-image-203590\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png 1253w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png 183w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png 221w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Checkout-1.png 753w\" sizes=\"(max-width: 1253px) 100vw, 1253px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Similarly, the guest user can also view the google map for inserting the address.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>The customer can change the billing address by just pointing the pin of the google map to his address.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1240\" height=\"1799\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png\" alt=\"payment\" class=\"wp-image-203923\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png 1240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png 172w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png 207w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/payment-Checkout.png 706w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong> 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.<\/strong><\/p>\n\n\n\n<p>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 <strong>My Account&gt; Address Book.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1266\" height=\"1023\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png\" alt=\"address book\" class=\"wp-image-203928\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png 1266w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Add-New-Address.png 1200w\" sizes=\"(max-width: 1266px) 100vw, 1266px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<p>That&#8217;s all about <strong>Google Maps Pin Address for Magento 2<\/strong> (Adobe Commerce) module. For any further queries, suggestions or customization, please add a ticket to <strong><a aria-label=\"HelpDesk Support (opens in a new tab)\" href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">HelpDesk Support<\/a><\/strong>.<\/p>\n\n\n\n<p>Explore the&nbsp;<a href=\"https:\/\/webkul.com\/adobe-commerce-cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Commerce Cloud development service<\/a>&nbsp;by Webkul. You may browse other quality&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Google Maps Pin Address (Adobe Commerce) 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 <a href=\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":266,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[],"class_list":["post-202915","post","type-post","status-publish","format-standard","hentry","category-magento-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Google Maps Pin | Customer Address Location<\/title>\n<meta name=\"description\" content=\"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Google Maps Pin | Customer Address Location\" \/>\n<meta property=\"og:description\" content=\"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-18T12:06:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-06T10:48:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png\" \/>\n<meta name=\"author\" content=\"Raahim Salmani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raahim Salmani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\"},\"author\":{\"name\":\"Raahim Salmani\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48\"},\"headline\":\"Google Maps Pin Address for Magento 2(Adobe Commerce)\",\"datePublished\":\"2019-10-18T12:06:19+00:00\",\"dateModified\":\"2026-02-06T10:48:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\"},\"wordCount\":957,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png\",\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\",\"name\":\"Magento 2 Google Maps Pin | Customer Address Location\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png\",\"datePublished\":\"2019-10-18T12:06:19+00:00\",\"dateModified\":\"2026-02-06T10:48:11+00:00\",\"description\":\"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9.png\",\"width\":1302,\"height\":411,\"caption\":\"1_9\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Maps Pin Address for Magento 2(Adobe Commerce)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48\",\"name\":\"Raahim Salmani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Raahim Salmani\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/raahimsalmani-bd181\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Google Maps Pin | Customer Address Location","description":"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Google Maps Pin | Customer Address Location","og_description":"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map","og_url":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-10-18T12:06:19+00:00","article_modified_time":"2026-02-06T10:48:11+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png","type":"","width":"","height":""}],"author":"Raahim Salmani","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Raahim Salmani","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/"},"author":{"name":"Raahim Salmani","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48"},"headline":"Google Maps Pin Address for Magento 2(Adobe Commerce)","datePublished":"2019-10-18T12:06:19+00:00","dateModified":"2026-02-06T10:48:11+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/"},"wordCount":957,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png","articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/","url":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/","name":"Magento 2 Google Maps Pin | Customer Address Location","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9-1200x379.png","datePublished":"2019-10-18T12:06:19+00:00","dateModified":"2026-02-06T10:48:11+00:00","description":"Google Maps Pin Address for Magento 2 allows the customer to enter the address at the time of checkout by using the google map","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/1_9.png","width":1302,"height":411,"caption":"1_9"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-google-maps-pin-address\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Google Maps Pin Address for Magento 2(Adobe Commerce)"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ba4cef108d9fa31006efed6cb7980c48","name":"Raahim Salmani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b7dc7b3c189fdf5811045b13d152c5db2b09fe574b9f8759803760cab556a6cd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Raahim Salmani"},"url":"https:\/\/webkul.com\/blog\/author\/raahimsalmani-bd181\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/266"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=202915"}],"version-history":[{"count":55,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202915\/revisions"}],"predecessor-version":[{"id":525161,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202915\/revisions\/525161"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=202915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=202915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=202915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}