Leaflet 与openweathermap api的传单集成

Leaflet 与openweathermap api的传单集成,leaflet,mapquest,openweathermap,Leaflet,Mapquest,Openweathermap,这里有谁能帮我介绍一些好的教程,或者如何将OpenWeatherMapAPI与传单mapquest api集成起来。我在owm网站上看到,两者都是兼容的,可以一起工作。任何帮助都将不胜感激。 谢谢 <html> <head> <script src="https://api.mqcdn.com/sdk/mapquest-js/v1.0.0/mapquest.js"></script> <link type="text/css" rel

这里有谁能帮我介绍一些好的教程,或者如何将OpenWeatherMapAPI与传单mapquest api集成起来。我在owm网站上看到,两者都是兼容的,可以一起工作。任何帮助都将不胜感激。 谢谢

<html>
<head>
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.0.0/mapquest.js"></script>
    <link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.0.0/mapquest.css"/>

    <script type="text/javascript">
    window.onload = function() {
        L.mapquest.key = 'mapquestkeyhere';

        var map = L.mapquest.map('map', {
          center: [40.7128, -74.0059],
          layers: L.mapquest.tileLayer('map'),
          zoom: 11,

        });
        var latlong = [
                        [40.783060, -73.971249],
                        [40.7128, -74.0059],
                        [40.678178, -73.944158]
                       ];
        var infowindow = ["Manhattan","NY","Brooklyn"];

        for(var i = 0; i < latlong.length ; i++){
        var marker = L.marker(latlong[i]).addTo(map);
        marker.bindPopup(infowindow[i]).openPopup();

        }
        var polyline = L.polyline(latlong,{color:'red'}).addTo(map);
        <!-- map.addLayer(L.mapquest.trafficLayer());
         <!-- map.addLayer(L.mapquest.incidentsLayer());

         map.addLayer(new L.TileLayer("http://tile.openweathermap.org/map/precipitation_new/{z}/{x}/{y}.png?appid=owmkeyhere"));
    }
        </script>
</head>
<body>
<div id="map" style="width: 100%; height: 100%;"></div>
</body>
</html>

window.onload=函数(){
L.mapquest.key='mapquestkeyhere';
var map=L.mapquest.map('map'{
中间:[40.7128,-74.0059],
图层:L.mapquest.tileLayer(“地图”),
缩放:11,
});
var latlong=[
[40.783060, -73.971249],
[40.7128, -74.0059],
[40.678178, -73.944158]
];
var infowindow=[“曼哈顿”、“纽约”、“布鲁克林”];
对于(变量i=0;i我将以下行添加到中的


map.addLayer(新的L.TileLayer(“{z}/{x}/{y}.png?appid=YOUR_KEY”);

对我来说没有任何改变,让我编辑这个问题并在其中添加我的代码,这样你就可以帮助我了。我把你的代码(删除了注释行)换成了MQ和OWM键,这对我来说效果很好。我必须缩小一点才能看到OWM中的叠加图块(在纽约一定是个好天气)但这一切对我来说都很好。如果你仍然看到问题,你在控制台/网络选项卡中看到了什么错误?令人惊讶的是,我的控制台中没有错误,这就是为什么我感到困惑的原因:/z x和y是什么?你在它们中输入了什么值?这些是MapQuest.js为你填充的占位符。在平铺网格中缩放和x/y。