Help with HTML Extract

Hey there - I’m trying but failing to capture the Google Maps URL from the Michelin restaurant page using HTML extract. I feel like I’ve tried a 50 different selectors to try to get it but nothing is working for me. Would appreciate any pointers!

Here’s the page: Septime – Paris - a MICHELIN Guide Restaurant
This is the specific link I’m looking for as well.

Here’s the workflow

Share the output returned by the last node

[
  {
    "title": "Septime",
    "address": "80 rue de Charonne, Paris, 75011, France",
    "price_n_genre": "65\n                    \n                    \n                        -\n                        \n                            110\n                        \n                    \n                    EUR\n                \n                \n                \n                    • Modern Cuisine",
    "michelin_pov": "A hotchpotch of good ideas, freshness and ease, passion and even a little mischief, but unfailingly precise and spot on: led by the young Bertrand Grébaut, Septime is the joy of Parisian palates! Such is its popularity that you will have to book three weeks in advance for a chance to enjoy it for yourself.",
    "classification1": "m\n                                    One MICHELIN Star: High quality cooking, worth a stop!",
    "classif2": "<img src=\"/assets/images/embleme-durable.svg\" class=\"restaurant-details__classification--list-image\" alt=\"\"/>\n                                    MICHELIN Green Star: Gastronomy and sustainability",
    "chefCommitment": "The chef's commitment\n                                    \n                                \n                                \n                                    A commitment to human development and respect for the environment are at the heart of our approach. The market garden produce that we cook comes mainly from the Île-de-France region, the meat and fish come from responsible and sustainable farming and fishing, we use produce in its entirety to combat waste, and our bio-waste goes to a vermicomposting centre to be recycled.\n                                \n                                \n                                    \n                                        — Bertrand Grébaut",
    "telephone": "+33 1 43 67 38 29",
    "website": "https://www.septime-charonne.fr/",
    "gmap": "<div class=\"google-map__static\">\n                                    \n                                    \n                                    \n                                    \n                                    <iframe frameborder=\"0\" src=\"https://www.google.com/maps/embed/v1/place?key=AIzaSyDvEyVCVpGtn81z5NrMKgdehPsrO9sJiMw&amp;q=48.8536287,2.3806905&amp;language=en-US\"></iframe>\n                                </div>\n                            \n                            <!-- for Share Social Mobile View -->\n                            <div id=\"share-sosial-mobile\"></div>"
  }
]

I want the gmap cell to contain the view larger map link https://maps.google.com/maps?ll=48.853629,2.380691&z=15&t=m&hl=en-US&gl=US&mapclient=embed&q=48°51'13.1"N%202°22'50.5"E%2048.853629%2C%[email protected],2.3806905

Information on your n8n setup

  • n8n version: [email protected]
  • Database you’re using (default: SQLite):
  • Running n8n with the execution process [own(default), main]:
  • Running n8n via: Cloud

Hi there!

It looks like the link that you are trying to extract is within an iframe for the google map, so that HTML is not available for extraction.

After reviewing the HTML source, you may be able to pull a usable Google Maps link from the microdata on the site like this:

3 Likes

Ah ok! This is beyond my DOM knowledge. Will give your suggestion a try.

It works great, thank you!

1 Like