CODEWITHSUNDEEP
google-mapsiframegoogle-maps-api-3google-maps-embedgoogle-maps-urls
tantan
tantan

Reputation: 1

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

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:

enter image description here

TO BE:

enter image description here

or someting noticeable than as is image

Upvotes: -2

Views: 3002

Answers (2)

Edwin Ariesto
Edwin Ariesto

Reputation: 1

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"

Upvotes: 0

Angelica
Angelica

Reputation: 717

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.

Embed a map

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!

Upvotes: 0

Related Questions