<p></p>
<h3 dir="auto">URL</h3>
<p dir="auto"><a href="https://www.openstreetmap.org/export/embed.html?bbox=-21.777659654617313%2C64.09986306895152%2C-21.76714539527893%2C64.102761455032&layer=mapnik&marker=64.1013111281992%2C-21.77240252494812" rel="nofollow">https://www.openstreetmap.org/export/embed.html?bbox=-21.777659654617313%2C64.09986306895152%2C-21.76714539527893%2C64.102761455032&layer=mapnik&marker=64.1013111281992%2C-21.77240252494812</a></p>
<h3 dir="auto">How to reproduce the issue?</h3>
<ol dir="auto">
<li>Go to the main page and select something</li>
<li>Use the share functionality</li>
<li>Generate an iframe with the HTML button with marker enabled</li>
<li>Embed the iframe in some website</li>
<li>Cut out the src attribute</li>
<li>Set the src attribute some time later via javascript</li>
</ol>
<p dir="auto">As you can now see, the marker is not visible.</p>
<p dir="auto">(It's the same behavior when opening the embed URL itself, see the URL that I have linked in this issue)</p>
<h3 dir="auto">Screenshot(s) or anything else?</h3>
<p dir="auto">I think this issue is significant since because of the GDPR I have to ask the user of my website for permission before loading the map.<br>
So I - like every other EU citizen - can not just load it with the html file like it was intended.</p>
<p dir="auto">My guess why this issue happens is that the function that fetches the marker and places it only gets called while loading the parent page. (Maybe the window.onload event)</p>
<p dir="auto">Here is a comparison between the behavior of a html load:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/44101694/218134457-0c41d763-2dfd-4819-a0ce-cc320d0145ac.png"><img src="https://user-images.githubusercontent.com/44101694/218134457-0c41d763-2dfd-4819-a0ce-cc320d0145ac.png" alt="Screenshot from 2023-02-10 16-14-27" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/44101694/218134421-14790372-eb9d-4d90-9e6b-12cff1b368e3.png"><img src="https://user-images.githubusercontent.com/44101694/218134421-14790372-eb9d-4d90-9e6b-12cff1b368e3.png" alt="Screenshot from 2023-02-10 16-14-41" style="max-width: 100%;"></a></p>
<p dir="auto">... and a javascript load</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/44101694/218134560-e888ba63-079a-4109-a0b1-679cdcd6ad38.png"><img src="https://user-images.githubusercontent.com/44101694/218134560-e888ba63-079a-4109-a0b1-679cdcd6ad38.png" alt="Screenshot from 2023-02-10 16-26-56" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/44101694/218134531-81b33751-529f-4faa-9a13-9feedfca2f42.png"><img src="https://user-images.githubusercontent.com/44101694/218134531-81b33751-529f-4faa-9a13-9feedfca2f42.png" alt="Screenshot from 2023-02-10 16-21-26" style="max-width: 100%;"></a></p>
<p dir="auto">You can clearly see that in the javascript case there is no get request for the marker.</p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/3929">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLP4WOTTD3GEPZRRDLDWWZPXVANCNFSM6AAAAAAUX6NI4Y">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLPAVKGZG5ADGQ3L6WDWWZPXVA5CNFSM6AAAAAAUX6NI42WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHF4K646Y.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/3929</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/3929",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/3929",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>