Scraping map coordinates from html

How to?
#1

Hello,

I would like to scrape the lat/lon from this html with the element attribute selector but it doesn't work, the value is never scraped. The attribute is data-dest-coord.
Can someone explain me how to do this correctly ?

Thanks !

view-source:https://www.spaargids.be/sparen/vdk-spaarbank/aalst-hopmarkt.html

<div class="jr-map-canvas jrMapDetail jrMapLoading jrLeft"
     data-referrer="detail"
     data-response-key="fc20cbef7c2122dec027e2d45ac2386a"
     data-ids="9608"
     data-settings='{"directions":1,"styles":[{"featureType":"poi","stylers":[{"visibility":"off"}]}],"mapUI":{"mapTypeId":"roadmap","mapTypeControl":true,"mapTypeControlOptions":{"position":3,"style":1,"mapTypeIds":["roadmap","hybrid","satellite","terrain"]},"scaleControl":false,"zoomControl":true,"streetViewControl":true,"zoom":12}}'></div>

<div class="jr-streetview-canvas jrStreetviewDetail jrHidden jrRight"></div>

<div class="jrClear"></div>

<div class="jr-directions-canvas jrDirections jrHidden"
     data-locale="nl"
     **data-dest-coord="50.9370158,4.0368008"**
     data-dest-addr="Hopmarkt 32 Aalst 9300 België"></div>
#2

Hi there!

You've almost had it done!

The class name you were looking for is hidden (jrHidden), so you have to use browser 'Elements' to manually find the div that contains the class (div.jr-directions-canvas), and then extract the element attribute.

Here's the sitemap:

{"_id":"mycoords","startUrl":["https://www.spaargids.be/sparen/vdk-spaarbank/aalst-hopmarkt.html"],"selectors":[{"id":"coords","type":"SelectorElementAttribute","selector":"div.jr-directions-canvas","parentSelectors":["_root"],"multiple":false,"extractAttribute":"data-dest-coord","delay":0}]}

And results:
image

#3

This works perfectly ! Thanks !

#4