CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-embed
Its me
Its me

Reputation: 13

How to add multiple markers in embedded Google map

I want to put multiple markers in my embedded map. I'm using iframe to embed the map. for 1 origin and 1 destination, it is working perfectly, but my requirement is to show multiple destinations with markers in the embedded map. I searched a lot but They say that you can't add multiple markers in an embedded map. Is it true? if not then please help me out here.Here is the 1 line code which I'm using to display the origin and destination.Thanks in advance

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/directions?key=API_KEY&origin=Mumbai&destination=Nagpur&avoid=tolls|highways">

It is working perfectly but I want to add multiple destinations along with "Nagpur".

working example using waypoints

  https://maps.googleapis.com/maps/api/directions/json?origin=mumbai&destination=pune&waypoints=raigad|nashik

Upvotes: 1

Views: 8137

Answers (1)

Patrick
Patrick

Reputation: 339

Have you tried signin in google.com/maps with your Google accout and navigate to the "More" menu → Your places → maps → create new map?

You’ll be able to add your own markers and embed the map with all the features you need in the iframe.
The only drawback is that themarkers will be "static" in this case (but not the map).

Upvotes: 2

Related Questions