There are two main ways to create a custom map in Google Maps, depending on what you want to do:
Option 1: Create a Custom Map with Pins and Routes (Google My Maps)
This is the easiest method if you want to:
- Add custom markers/pins
- Draw routes or areas
- Organize locations into layers
- Share the map with others
Steps
- Go to:
- Click Create a New Map.
- Give your map a name and description.
- Add locations by:
- Searching for places and clicking Add to map
- Clicking the marker icon and placing pins manually
- Customize markers:
- Change colors
- Use custom icons
- Add photos and descriptions
- Draw lines, routes, or shapes using the drawing tools.
- Click Share to make the map public or share it privately.
Example Uses
- Travel itineraries
- Real estate listings
- Business locations
- Event planning
- Hiking routes

Option 2: Build a Fully Customized Interactive Map (Google Maps Platform)
If you’re a developer and want a map on your website or app:
Steps
- Create a project in:
- Enable the:
- Google Maps JavaScript API
- Places API (optional)
- Directions API (optional)
- Generate an API key.
- Create a map using HTML and JavaScript:
<div id="map" style="height:500px"></div>
<script>
function initMap() {
const map = new google.maps.Map(
document.getElementById("map"),
{
center: { lat: 40.7128, lng: -74.0060 },
zoom: 12,
mapId: "YOUR_MAP_ID"
}
);
new google.maps.Marker({
position: { lat: 40.7128, lng: -74.0060 },
map: map,
title: "New York"
});
}
</script>
- Load the Google Maps script with your API key.
Advanced Customization
You can:
- Change map colors and styles
- Hide roads or labels
- Use custom markers
- Display live data
- Add geolocation
- Create heatmaps
- Draw polygons and boundaries
Documentation:

Option 3: Create a Styled Map (Custom Colors & Themes)
For a branded look:
- Open:
- Create a Map Style.
- Customize:
- Roads
- Water
- Parks
- Labels
- Landmarks
- Publish the style and assign it a Map ID.
- Use that Map ID in your application.
10 Google Maps Secrets That Will Blow Your Mind