Shopify Map & Geolocation Address Selection Integration – Need Guidance

Product Development & Sourcing
, , , ,
1

Hi everyone,

I’m looking for guidance from someone who has experience with Shopify custom development.

Has anyone here integrated a system in Shopify where:

  • Customers can select their exact address using a map (Google Maps / Mapbox)

  • Customers can drop or move a location pin

  • The system captures and saves GPS coordinates (latitude & longitude)

  • The coordinates are saved with the order, customer profile, or checkout data

I want to understand:

  • What’s the best technical approach (App, Custom app, or theme customization)?

  • Whether this is possible before checkout or needs a custom checkout/app solution

  • Any limitations with Shopify checkout I should be aware of

  • Recommended APIs or tools you’ve used successfully

If you’ve done something similar or have any advice, I’d really appreciate your input.
Thanks in advance!

2

It is highly possible that there is already an App to do exactly this.

Otherwise, just use Google Maps API (you’d need a key to use it though!) to display the map and allow users to drop a pin.

JS code will get the coordinates an put it into Line Item Properties.
LIPs will be passed to the cart and then to checkout.

Then you can use Flow to extract this data from the order and put into Customer props like metafields.

No need for an app or any checkout cusomization (unless you’d want to show the pin on the map there).

Can even try asking AI to generate you a section in theme editor :slight_smile:

3

thanks. Thanks for your valuable information.

5

hi,can you help me how to add google map for customer delivery location mark,same as your ,