How can i change google map marker for direction using iFrame?

Question

Existing code:

<iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?ll=23.6000004,108.0333023&saddr=23.585941, 108.063190&daddr=23.620677, 108.05339+to:23.602400, 108.013489+to:@&z=13&output=embed"></iframe>

AS IS:

TO BE:

or someting noticeable than as is image

Answer 1

You can follow this guide on how to embed a map in your application from the Google Maps (maps.google.com) site. You should get something like this wherein you can copy the HTML code generated and paste it in your site.

Another option is to use the Maps Embed API of the Google Maps Platform which lets you place an interactive map, or Street View panorama on your site with a simple HTTP request. *Note that you need to create a Maps project, enable billing and get an API key first before you can use the Maps Platform APIs. These are also indicated in the public doc.

Hope this helps!

Answer 2

REMOVE +

Follow This Code :

"https://maps.google.com/maps?ll=23.6000004,108.0333023&saddr=-10.1630425,123.6226121&daddr=-10.1546409,123.6622598&to:23.602400,108.013489&to:@&z=13&output=embed"