Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 贴图渲染多个小平铺,而不是一个大平铺_Javascript_Leaflet - Fatal编程技术网

Javascript 贴图渲染多个小平铺,而不是一个大平铺

Javascript 贴图渲染多个小平铺,而不是一个大平铺,javascript,leaflet,Javascript,Leaflet,我正在创建一个由三个贴图和标记组成的贴图,它们可以在这三个贴图和标记之间切换,尽管当我测试它时,不是将每个贴图渲染为填充贴图帧的单个版本,而是在平铺布局中显示多个。下面是我目前使用的代码,请注意,我用于地图的图像实际上不是地图,因此我使用的是“L.CRS.Simple” (没有制造商和我的照片),也许有人能发现我哪里出了问题 - 交互式地图 #地图{ 宽度:1000px; 高度:1000px; } var map1=L.tileLayer('map1.png'); var map2=L.til

我正在创建一个由三个贴图和标记组成的贴图,它们可以在这三个贴图和标记之间切换,尽管当我测试它时,不是将每个贴图渲染为填充贴图帧的单个版本,而是在平铺布局中显示多个。下面是我目前使用的代码,请注意,我用于地图的图像实际上不是地图,因此我使用的是“L.CRS.Simple”

(没有制造商和我的照片),也许有人能发现我哪里出了问题

-


交互式地图
#地图{
宽度:1000px;
高度:1000px;
}
var map1=L.tileLayer('map1.png');
var map2=L.tillelayer('map2.png');
var map3=L.tillelayer('map3.png');
var markers=L.layerGroup()//暂时留空,使用菜单中的“仅创建”复选框
var map=L.map('map'{
crs:L.crs.Simple,
图层:[map1、map2、map3、标记],
最大缩放:5
});
变量基本映射={
“地图1”:地图1,
“地图2”:地图2,
“地图3”:地图3
};
var overlayMaps={
“标记”:标记
};
变量边界=[[0,0],[10001000];
控制。图层(底图、覆盖图、边界)。添加到(地图);
映射边界(bounds);

是的,我使用的是本地存储的图像,不,我没有图像设置使用标准的URL格式,如果你选择尝试我的代码只是在3随机图片子

下面是正在发生的事情的图片:


你忘了给记号笔打个“s”

var overlayMaps = {
        "Markers": markers
    };

它现在应该可以工作了;)

你忘了给马克笔打个“s”

var overlayMaps = {
        "Markers": markers
    };

它现在应该可以工作了;)

不幸的是,虽然这确实解决了它不起作用的直接问题,但它并没有解决我最初的问题。我已经在我的原始帖子中添加了一张正在发生的事情的图片(也在标记中添加了“s”)。不幸的是,尽管这确实解决了它不起作用的直接问题,但它并没有解决我的原始问题。我已经在我的原始帖子中添加了一张正在发生的事情的图片(也在标记中添加了“s”)。