Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.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 如何在JSFIDLE上制作简单的传单地图?_Javascript_Leaflet_Jsfiddle - Fatal编程技术网

Javascript 如何在JSFIDLE上制作简单的传单地图?

Javascript 如何在JSFIDLE上制作简单的传单地图?,javascript,leaflet,jsfiddle,Javascript,Leaflet,Jsfiddle,我对JS有一定的经验,我已经用了一段时间传单了。我的问题是通过JSFiddle创建一个映射。我已经按照JSFIDLE的要求创建了该文件。虽然我看不到我的地图,但我没有收到任何错误。有人知道为什么吗 我的代码如下所示,正如您所看到的,它是工作堆栈的代码段 VarMap=L.map'map'.setView[51.505,-0.09],13; L.tileLayer'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{ 属性:“©;贡献者” }.addToma

我对JS有一定的经验,我已经用了一段时间传单了。我的问题是通过JSFiddle创建一个映射。我已经按照JSFIDLE的要求创建了该文件。虽然我看不到我的地图,但我没有收到任何错误。有人知道为什么吗

我的代码如下所示,正如您所看到的,它是工作堆栈的代码段

VarMap=L.map'map'.setView[51.505,-0.09],13; L.tileLayer'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{ 属性:“©;贡献者” }.addTomap; html{ 身高:100%; } 身体{ 保证金:0; 身高:100%; } 地图{ 身高:100%; 宽度:100%; }
应使用JSFIDLE中的特殊外部资源选项卡加载外部资源,由于内容混合,最好使用与JSFIDLE相同的HTTP/HTTPS协议。当你这样做的时候,你可以让它工作。下面是JSFIDLE的工作原理,我刚刚使用默认示例代码创建了它:

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

小提琴坏了的链接在哪里?现在已经修好了。外部资源是问题所在。