gpt4 book ai didi

coffeescript - 加载半灰色瓷砖的传单 map

转载 作者:行者123 更新时间:2023-12-04 01:54:37 24 4
gpt4 key购买 nike

我在一个 div 中有一张传单 map ,我喜欢这样:

  <script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.ie.css" />
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

然后我有一个这样的div:

一些加载 map 的js:
map = L.map($attrs.id,
center: [40.094882122321145, -3.8232421874999996]
zoom: 5
)
L.tileLayer("http://{s}.tile.cloudmade.com/57cbb6ca8cac418dbb1a402586df4528/997/256/{z}/{x}/{y}.png",
maxZoom: 18
).addTo map

然后在页面加载时,我有一些监控窗口高度和调整大小的 JS:
$("#map").height($(window).height())
$(window).resize(_.throttle(->
$("#map").height($(window).height())
, 100
))

但是,本地图加载时,它会加载一半的灰色图 block 。当我调整 map 大小时,加载正常但初始加载为 1/2 灰色

最佳答案

在对这个问题进行了长时间搜索之后,就我而言,我有一个全局 css 样式,它是:

<pre>
img {
position: relative;
display: block;
max-width: 100%;
}
</pre>

在我的情况下,问题是“position:relative”,所以我添加了一行
<pre>
//Fix personnal bug leaflet
.leaflet-pane{
img{
position: absolute;
}
}
</pre>

关于coffeescript - 加载半灰色瓷砖的传单 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15089541/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com