[Google Maps] Three ways to add a map implementation to your app

Share on facebook
Share on twitter
Share on pinterest
Share on linkedin

Want to share a location visually? 

Whether your office or branch locations, service points, machines, kiosks, or restaurants etc, map is an effective way to do it. 

Three popular ways to use it:

1. Generate a custom map link to send users to the right location on maps.google.com

  • Share a map link with the search path and include the location in the query parameter. Example:
  • Search a  building: https://www.google.com/maps/search/?api=1&query=google%20office%20pasir%20panjang

2. Use the Static Maps API for a non-interactive snapshot of a location

  • Like the option above, the Maps Static API also involves building a custom URL. Instead of sending the user directly to the URL, it’s used as the source in an HTML image tag and allows you to mark a location on your website, without the need to re-route to Google Maps. 
  • For example, here’s a map showing office location:
  • <img src=”https://maps.googleapis.com/maps/api/staticmap?center=centrepoint%20south%20mid%20valley%20city%20Malaysia&zoom=16&scale=2&size=640×400&markers=centrepoint%20south%20mid%20valley%20city%2059200%20Malaysia&key=YOUR_API_KEY”>

3. Build a dynamic map with the Google Maps JavaScript API

  • With JavaScript, you can build custom maps with a lot of flexibility. The Maps JavaScript API allows you to create maps that are interactive, allowing users to zoom, pan, and click map locations. It also allows you to respond to clicks and customise the experience for your users.
  • You can find step by step instruction in this tutorial.

Source: Google Cloud Blog – Google Maps Platform

 

What's Hot

Most Popular

Get The Latest Updates

Subscribe To Our Newsletter

No spam, notifications only about new updates.

Follow Us on Social Media

Read More

Related Posts

5 Ways to Improve Your Ecommerce Conversion Attribution

A shopper’s journey to making a purchase very likely consists of multiple sessions. The last session would therefore be where the conversion gets its attribution from. This would likely be very misleading. Luckily this issue likely only exists on your reports and Google Ads, if you enable automated bidding, likely knows the best attribution to use (Data-driven Model)

What’s new in Google Workspace: Google Drive Sharing Update and Customize notifications on Google Chat

With the rising cases of Covid 19 and the latest government policies, many companies have announced to start working remotely. In order to assist all users to quickly solve all the issues they face while working remotely, Master Concept released the latest series of “What’s new in Google” blogs (please click here to read the previous episode). In this blog, we will share a few updates in Google Workspace which we think would be helpful to all users. Hopefully these new features could help everyone who is working remotely!

Master Concept

Leave Us Your Message.
We are ready to talk!

Leave Us Your Message.
We are ready to talk!

Leave Us Your Message.
We are ready to talk!

Can't Find What You Need? Join Our Latest Event!

Be the first to learn about
New Trends