Google Maps - Multiple Markers via URL only

google-maps google-maps-markers
JJJones_3860 picture JJJones_3860 · Feb 15, 2016 · Viewed 23.6k times · Source

If I want to open a browser to Google Maps to center and show a single marker, I do it with a URL like this:

https://www.google.com/maps/place//@33.91729,-106.85761,10z/data=!4m2!3m1!1s0x0:0x0

But, I have 5-10 lat/long pairs that I want to show on that same map. How can I show multiple lat/long markers all specified only in a URL?

Answer

raratiru picture raratiru · Sep 4, 2016

There is an up-to-date article (updated: May 18 2017) about easily linking to locations and directions using the New Google Maps.

You could use the directions service and form a url as such:

https://www.google.com/maps/dir/33.93729,-106.85761/33.91629,-106.866761/33.98729,-106.85861

Use double slash "//" between markers to leave a position empty e.g. to set a custom start point.

Update

There is another excellent article here

Related questions

Selecting last element in JavaScript array

I'm making an application that updates a user's location and path in real time and displays this on a Google Map. I have functionality that allows multiple users to be tracked at the same time using an object, which is …

Read More
Resize Google Maps marker icon image

When I load an image into the icon property of a marker it displays with its original size, which is a lot bigger than it should be. I want to resize to the standard to a smaller size. What is …

Read More
Auto-center map with multiple markers in Google Maps API v3

This is what I use to display a map with 3 pins/markers: <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.…

Read More