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

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

 

Know More

Related Posts

Access Identity Hong Kong Series 2021

PRESENTED BY The Teh Group Introduction Raising the Bar for Identity and Access Management Excellence to Safeguard Your Digital Assets. In today’s boundaryless business world,

How to maintain the agility and efficiency of work in “hybrid work model”?

The global pandemic has forced most of the companies to roll out a set of working styles that are suitable for remote working in the past year. With the continuous rise of the vaccination rate, most cities have lowered the tier status which leads most companies to face the decision of whether or not to implement hybrid work or return to the office.

How Cloud Managed Service Ease Your Workload?

Managed Services not equal to outsourcing everything to the managed service provider, but you can choose areas that you don’t like or not the expertise, and let the professionals provide them.

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