Search code examples
htmlgoogle-mapsgoogle-maps-api-2

Embed Google Maps list of places in website


I know Google Maps lets you embed specific places using an <iframe> HTML object, but the embedded map is limited to just a single location. Is there any way to embed a list of locations that I created on Google Maps into a website?


Solution

  • want this result?

    enter image description here


    here the the list to do to have this

    1. go to google MYMAPS https://www.google.com/maps/d/

    2. click the red button "CREATE NEW MAP"

    enter image description here

    1. rename the map, if you want enter image description here

    2. now click the icon for choosing your desiderated place

    enter image description here

    1. do it for 2 or times (in my chase I do it for 3 times)

    2. click the preview button

    enter image description here

    1. now you will have 3 cities or places enter image description here

    2. click share button

    enter image description here

    1. now click get code to embed in my website

    enter image description here

    1. set to public this.

    2. now you have embedded code

    enter image description here

    finally you have a maps embed with more places assigned

    <iframe src="https://www.google.com/maps/d/embed?mid=1RK0XAw_xdwqvXzdk2tibWWrqKoXpza53&ehbc=2E312F" width="640" height="480"></iframe>