How to Add Multiple Markers on Google Maps in Android? - Software Development PDF Download

How to Add Multiple Markers on Google Maps in Android?

Google Map is commonly used in various apps to display multiple locations and markers on Google Maps. This article focuses on implementing Multiple Markers on Google Maps in Android.

What we are going to build in this article?

We will create a simple application that shows multiple markers on maps at different locations. Let's take a look at a sample image to understand what we aim to achieve in this article. It's important to note that we will be using Java for this project.

Step by Step Implementation

• Step 1: Create a New Project

  To initiate a new project in Android Studio, follow the steps on how to create/start a new project in Android Studio. Ensure you choose Java as the programming language and select Maps Activity while setting up the new project.

• Step 2: Generating an API key for using Google Maps

  To obtain the API key for Google Maps, refer to the guide on how to generate an API key for using Google Maps in Android. Once you have your API key, add it to your project by navigating to the values folder > google_maps_api.xml file. Replace YOUR_API_KEY with your actual API key at line 23.

• Step 3: Adding Multiple Markers to our Map

  In the MapsActivity.java file, include the following code snippet to add multiple markers to your map. The code provided within MapsActivity.java file includes comments for better understanding of the implementation.

MapsActivity.java

MapsActivity.java is a Java class that facilitates the integration of Google Maps in an Android application. It allows for the display of maps, adding markers, and manipulating the camera view. Below are the key points covered in the class:

Imports and Initialization

• Import necessary packages such as android.os.Bundle, androidx.fragment.app.FragmentActivity, and others for map functionalities.

Location Data

• Define the latitude and longitude coordinates for four different locations: Sydney, Tamworth, Newcastle, and Brisbane.

ArrayList Initialization

• Create an ArrayList to store the LatLng objects representing the locations.

onCreate Method

• Override the onCreate method to set up the map view and initialize the ArrayList with location data.

onMapReady Callback

• Implement the onMapReady method to customize the map when it is ready for use.
• Add markers for each location stored in the ArrayList.
• Zoom the camera to show the markers effectively.

Conclusion

• After adding the necessary code, running the app will display the map with markers at the specified locations.

Output:

• Note: In the Google Developer Console (https://console.developers.google.com), ensure that the "Google Maps Android API v2" is enabled. And also ensure that your API Key exists.

Ready to start a fascinating journey into the realm of Android Development with Kotlin? It's time to initiate a transformation and immerse yourself in an incredible learning adventure with our Mastering Android Development with Kotlin From Novice to Expert - Self Paced!

Please Sign In to post a comment...

• Login
• Like