ARTICLE AD BOX
I am the developer of an app called LeadScout Pro. My app features two modes: Public and Sandbox.
I am currently having technical difficulties in Sandbox mode. I have tried using Google AI Studio and other AI tools to help fix the Google Maps issue, but the problem is still not resolved.
The specific problem:
When the external link icon on a business card is clicked, Google Maps opens a page that shows multiple locations or multiple pins instead of a single, specific location.
What I need help with:
Refining card display
I want to remove location text from the business name
Each card should only show:
Business name
Category / job title
Specific search logic
I want the external link to use both:
Business name
Exact address from the card
So Google Maps returns only the correct match, not multiple results
Automatic correct selection
I want Google Maps to automatically open the correct place
It should immediately show:
Correct pin
Photos
Business information panel
Current behavior:
Google Maps shows a list of similar or nearby locations
Sometimes the wrong location is selected
It does not consistently open a single correct place
Additional context:
I have attached screenshots of the issue and my App.tsx code for reference.
const handleOpenMap = (e: React.MouseEvent) => {
e.stopPropagation();
};

This shows that the business card data is confusing. When Google processes it, the search query becomes something like:
“827 Westside Ln, Austin, USA, Pro Austin, USA Graphic Designer.”
Could you please help me identify the correct approach to fix this issue so I can complete my app successfully?
