文章/答案/技术大牛

发布

社区首页 >问答首页 >复出后传单地图没有正确加载

问复出后传单地图没有正确加载
EN

Stack Overflow用户

提问于 2022-08-26 21:13:39

回答 1查看 57关注 0票数 0

当我第一次加载页面时，传单会完美地加载所有的元素。但是，当我进入另一个组件(我使用的是角度)，然后用传单地图返回到组件时，就会发生这样的情况：

在index.html中，我有以下内容：

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="icon" type="image/x-icon" href="favicon.ico">

  <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
    integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
    crossorigin=""></script>
    <script  src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
<!--     <script type="text/javascript" src="node_modules/leaflet.markercluster/dist/leaflet.markercluster-src.js"></script>
 -->    <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/leaflet.markercluster.js'></script>

    
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
   integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
   crossorigin=""/>
   <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" />
  <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
  
  <!--whitelist https://github.com/apache/cordova-plugin-whitelist#content-security-policy-->
  <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval' 'unsafe-inline'; object-src 'self'; style-src 'self' 'unsafe-inline'; media-src *">

  </head> 
<body>
  <app-root></app-root>
</body>
</html>

dictionary

leaflet

html

angular

回答 1

Stack Overflow用户

发布于 2022-08-27 11:29:09

最后，我解决了添加以下内容的错误：

setTimeout(function () {
    window.dispatchEvent(new Event('resize'));
}, 1000);

问题是只有一个小块是从api中加载的，使90%的地图变得灰色，当我调整窗口传单的大小时，调用api请求更多的瓷砖，所以这个“黑客”使传单完成了自己的工作。

leaflet map shows up grey给了我答案。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73506523

复制

相似问题

问复出后传单地图没有正确加载
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问复出后传单地图没有正确加载EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问复出后传单地图没有正确加载
EN