Loading...

Understanding customers and running a smooth business are two of the major specialties of Salesforce. When the sales and marketing team faced challenges in assigning territories, finding nearby prospects, campaigning on a particular location and more such geolocation activities, Salesforce unlocked a whole new way into this world of navigation.

Winter 19 introduced many components including lightning:map which is very useful for developers. Before lightning:map, the developers needed Google API key and lots of script to show address on the Google Map. The lightning:map component displays a map of one or more locations using Google Maps securely.

This component requires API version 44.0, making it easy to display the user location in the UI. There is no need to use external JavaScript libraries anymore. Developers can use markers in the component to define location on the map wherein the marker could be a pair of coordinates (latitude and longitudes), or a set of address elements such as Street, City, State, Country or Postal Code.

Steps involved in the overall Setup:

  • API setup on Google G-suite account
  • Develop Apex classes
  • Develop Lightning Component

API SETUP:

  • We need to have Google Developer account where we will be creating a Project.
  • We need to have Places API enabled.
  • The API documentation to setup the API on Google is – API documentation

For Live Demo Click Here

Step 1- Create Apex Wrapper Class

Step 2- Create an Apex Class Controller:

Step 3 – Create Lightning Component

Step 4 – JS Controller

Step 5- lightning App

Conclusion:

Above is the implementation of the lightning component enabling us to find the distance between two zip codes using Google API. We have used wrapper classes to send data to the map component. The location wrapper is used to store the address while the address wrapper is used to provide marker specific details.

If you need further assistance or have any queries to make your Salesforce classic apps compatible with lightning experience, please feel free reach out.

Happy Learning!

No Data Found.

Related Articles
How to Integrate NikoHealth to Salesforce

Healthcare organizations using NikoHealth often need patient, insurance, order, invoice, and prescription data available inside Salesforce. As data grows, manually updating records across systems becomes difficult and can lead to delays, duplicate work, and data inconsistencies. NikoHealth to Salesforce integration helps solve this challenge by automatically synchronizing data between both platforms. Instead of building custom […]

Read More
Orchestrator vs. Traditional Flows

Businesses use Salesforce automation to reduce manual work, improve efficiency, and automate repetitive business processes. Two commonly used automation approaches inside Salesforce are Traditional Flows and Flow Orchestrator. Traditional Flows are mainly used for simple automation tasks such as updating records, sending notifications, creating tasks, and automating business logic. Flow Orchestrator is designed for more […]

Read More
The Rise of Agentic Government_ What Salesforce’s 2026 Insights Mean for the Future of Public Sector AI

Government technology has often been seen as slower to evolve than the private sector. But Salesforce’s latest research challenges that idea in a big way. In fact, the new findings suggest that public sector organizations may now be moving faster than many businesses when it comes to adopting AI agents and preparing for a more […]

Read More
How To Use Email Service in APEX

Managing approvals, updates, and record changes directly from email can significantly improve efficiency within Salesforce workflows. Instead of logging in, navigating records, and manually updating fields, users can simply respond to emails and trigger automated updates using Email Service in APEX. This approach is especially useful for businesses leveraging Salesforce automation and looking to enhance […]

Read More
Design and Implementation of Salesforce Jira Task Integration 1 1

Businesses have been using Salesforce for CRM operations and Jira for Agile project tracking. However, without integration, teams manually update both systems, leading to data inconsistency and inefficiency.This mechanism establishes a real-time integration between Salesforce and Jira, allowing seamless synchronization of tasks and agile board statuses.  A custom Salesforce dashboard was developed that replicates Jira-style […]

Read More
Dark Mode in Salesforce Enabling It and Creating Theme Ready Lightning Web Components with SLDS 2.0 1 1

With the Winter ’26 release, Salesforce introduced Dark Mode in Lightning Experience. Dark Mode has been introduced as a beta feature in Winter ’26, and at first it was available only for Starter Edition orgs. It is now rolling out further with Spring ’26 to Professional, Enterprise, and Developer editions. To use Dark Mode, Salesforce […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203239658
United States of America Flag USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
United Kingdom Flag UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada Canada
HIC Global Solutions INC
6D - 7398 Yonge St #1124 Thornhill, ON L4J 8J2 Canada +1(262) 310-7818