bounty将在7天后过期。回答此问题可获得+50声望奖励。MKR正在寻找标准答案:我需要选择器内填充网站的解决方案。我不明白为什么它不能按预期工作。
我想在传单中的BindPopup
中的<iframe>
选择器中显示一些外部网站。我不知道为什么我会遇到这样的情况:
我的JavaScript代码(嵌入在Python folium中)如下所示:
{map}.on("click", addMarker);
const MarkerInfo = '<iframe src="https://www.wp.pl/" width="300"></iframe><center><button
type="button" class="remove">delete marker?</button></center>'
const markerPlace = document.querySelector('.marker-position');
function addMarker(e) {
// ustawiamy aby marker był przesuwalny
const marker = new L.marker(e.latlng, {
draggable: true,
}).addTo({map}).bindPopup(MarkerInfo);
marker.on("popupopen", removeMarker);
marker.on('dragend', dragedMarker);
markerPlace.textContent = `new marker: ${e.latlng.lat}, ${e.latlng.lng}`;
}
我错过了什么吗?
更新日期:
阅读此主题后:
Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'
我已将URL更改为:
const MarkerInfo = "<iframe src='https://www.wp.pl/' width='300'&output=embed></iframe><center><button type='button' class='remove'>delete marker?</button></center>"
可惜还是老样子,恍如不知身在何处:window.location.replace(url);
应该会出现
2条答案
按热度按时间x8goxv8g1#
问题很有可能是您试图包含的站点不允许包含在IFrames中。如果您在devtools中检查该站点,它的标题为x-frame-options:DENY,它告诉浏览器它不允许它被包含在iFrame中。你可以在这里阅读更多关于它的信息:enter link description here
ctzwtxfj2#
问题可能是您混用了
'
引号和"
引号。请遵循引号阶层。首先使用双引号,然后使用单引号。