Fatal编程技术网

Javascript 传单地图未加载

javascript dictionary leaflet

Javascript 传单地图未加载,javascript,dictionary,leaflet,tiles,Javascript,Dictionary,Leaflet,Tiles,我对传单很陌生，所以我只是试图掌握基本知识。当我按照传单提供的在线教程进行操作时，我正在努力加载地图。如果我使用提供的坐标没有问题，但是如果我更改坐标，则不会加载任何内容 有人能帮忙吗？以下是我所拥有的： <!DOCTYPE html> <html> <head> <title>Leaflet Web Map</title> <link rel="stylesheet" href="http://cdn.

我对传单很陌生，所以我只是试图掌握基本知识。当我按照传单提供的在线教程进行操作时，我正在努力加载地图。如果我使用提供的坐标没有问题，但是如果我更改坐标，则不会加载任何内容

有人能帮忙吗？以下是我所拥有的：

<!DOCTYPE html>
  <html>
   <head>
    <title>Leaflet Web Map</title>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
 <style>
  #map {
  width: 960px;
  height:500px;
  }
</style>
</head>


<body>
<div id="map"></div>


单张网页地图
#地图{
宽度：960px；
高度：500px；
}



var map=L.map（'map'{
中间：[43.64701，-79.39425]，
缩放：15
});
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性：“©；贡献者”
}).addTo（地图）；
这不会加载任何麻烦，但如果我更改坐标，它不会加载。

我无法重现您的问题。更改中心仍然会加载地图。（单击下面的[运行代码片段]按钮）

var map=L.map（'map'{
//中心：[43.64701，-79.39425]，//注释掉其中一个中心
中间：[40，-80]，
缩放：15
});
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性：“©；贡献者”
}).addTo（地图）


单张网页地图
#地图{
宽度：960px；
高度：500px；
}

要更改地图中心，应在地图属性中更改它：
中心：[43.00，-79.00]


var map = L.map('map',{
  center: [43.00, -79.00],
  zoom: 15
});


您应该记住，第一个坐标，纬度取范围（-90,90）内的数字，而第二个坐标，经度应设置范围（-180,180）。但无论如何，若你们超过了第二个坐标，那个么应用程序将只计算它的值，就好像它在给定的范围内一样

也许你把一些东西弄混了，试图在这里更改它。
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'，…
？这一行代表加载底图块，而不是将地图居中。


var tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
    {
        attribution: false
    });

var map = L.map('map',
    {
        zoomControl: true,
        layers: [tileLayer],
        maxZoom: 18,
        minZoom: 6
    })
    .setView([43.64701, -79.39425], 15);

   setTimeout(function () { map.invalidateSize() }, 800);



var tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
    {
        attribution: false
    });

var map = L.map('map',
    {
        zoomControl: true,
        layers: [tileLayer],
        maxZoom: 18,
        minZoom: 6
    })
    .setView([43.64701, -79.39425], 15);

   setTimeout(function () { map.invalidateSize() }, 800);