Help with HTML Extract

Questions
#1

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.

CleanShot 2022-08-03 at 16.26.38
CleanShot 2022-08-03 at 16.26.38857×381 68.3 KB

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
#2

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.

#3

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
#4

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

#5

It works great, thank you!

1 Like