小编atu*_*urc的帖子

Leaflet 奇怪的地图大小和平铺行为

我正在将传单地图集成到我用 Meteor 构建的网站中,并且 Meteor 的模板引擎非常出色。

\n\n

我在地图大小以及拖动和缩放时的外观方面遇到了非常奇怪的问题。

\n\n

我像这样初始化地图:

\n\n
var mymap = L.map(\'leaflet-map\').setView([40.712, -74.227], 5);\nL.tileLayer(\'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw\', {\n  maxZoom: 15,\n  minZoom: 1,\n  attribution: \'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, \' +\n    \'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, \' +\n    \'Imagery \xc2\xa9 <a href="https://www.mapbox.com/">Mapbox</a>\',\n  id: \'mapbox.streets\'\n}).addTo(mymap);\n
Run Code Online (Sandbox Code Playgroud)\n\n

HTML:

\n\n
<div id="map-div">\n    <div id="map-inner-div">\n        <div id="leaflet-map"></div>\n    </div>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n\n

CSS:

\n\n
#map-div {\n  height:300px;\n  width:500px;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

当我加载网页时,我得到一个图块,它的大小不是它的父 div 的大小。

\n\n

传单地图加载

\n\n

如果我拖动图块或缩放图块,它会到处都是,其他图块会随机出现。

\n\n

传单随机瓷砖

\n\n

我没有收到任何错误消息。

\n\n

我的假设是地图的宽度和高度默认为全屏,但它只是偶尔加载各种图块。

\n\n

如果有人对搜索词有任何建议,可能引导我走上正确的道路,我将不胜感激,因为我什至不知道如何描述我所看到的内容。

\n

javascript css leaflet meteor meteor-blaze

5
推荐指数
1
解决办法
1559
查看次数

func(foo).push(bar)返回一个整数

所以我有一个返回数组的函数"profile".我有一个函数"TMYW",其结果我想添加到配置文件返回的数组.所以我尝试过这样的事情:

profile(m.hours).push(TMYW(m.hours));
Run Code Online (Sandbox Code Playgroud)

有趣的是,整个语句返回整数3.

只是好奇为什么会这样.通过做这样的事情显然很容易得到理想的结果:

var b = profile(m.hours);
b.push(TMYW(m.hours));
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
1
解决办法
470
查看次数

标签 统计

javascript ×2

css ×1

leaflet ×1

meteor ×1

meteor-blaze ×1