无法加载嵌入式地图

问题描述 投票：0回答：1

作为我一直在做的项目的一部分，我一直在尝试让嵌入式地图在我的大学服务器上运行。我一直在使用 uMap（OpenStreetMap 的地图编辑器）和 HTML（不是技术人员）——特别是 iframe 标签——来让它工作。

从我保存在笔记本电脑上的 HTML 文件访问时，页面和嵌入式地图显示正常，但当我尝试通过大学服务器访问它时，嵌入式地图拒绝加载，我正在尝试托管它。

这是我嵌入地图的 HTML 代码部分。如您所见，它非常简单，除了 HTML 之外不使用任何编码。

  <div id="mapContainer">
    <div id="map">
      <iframe width="80%" height="580px" frameborder="5px" allowfullscreen src="https://u.osmfr.org/m/884191/"></iframe>
      <p><a href="https://umap.openstreetmap.fr/en/map/idm-project-trinity-college_884191#16/53.3441/-6.2547">See full screen</a></p>
    </div>
  </div>

控制台中显示的唯一相关错误是“DevTools 加载源映射失败：无法加载 chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/browser-polyfill.js.map 的内容：系统错误：net::ERR_FILE_NOT_FOUND”——它消失了当我在 devtools 设置中禁用 JS 和 CSS 源地图时 - 尽管地图仍然没有加载。地图区域仅显示“u.osmfr.org 拒绝连接”。 - 我已经根据人们遇到的类似问题的建议将所有链接更改为 https。

我可以从控制台收集到的唯一其他线索是嵌入式地图的链接显示为状态 - 在网络选项卡中失败，而不是 404

html iframe openstreetmap
1个回答
0
投票

当我用真正响应的 URL 交换 

<iframe ... src="">
语句中的 URL 时，内容就会出现。

因此代码可以，但目标内容不行：

curl "http://u.osmfr.org/m/884191/"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">

<html>
<head>
<title>301 Moved Permanently</title>
</head>

<body>
    <h1>Moved Permanently</h1>
    <p>Object moved permanently -- see URI list</p>
</body>

</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.