小册子与openweathermap api的集成

Kindly check my output here任何人都可以在这里帮助我一些很好的教程或将openweathermap API与传单mapquest api集成的方法。我在owm网站上看到，这两个网站都兼容，可以一起工作。任何帮助将不胜感激。谢谢！小册子与openweathermap api的集成

<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>

来源

2017-07-26 Ahsan

我在MapQuest Developer Network添加了以下行到basic MapQuest.js sample。（新的L.TileLayer（“http://tile.openweathermap.org/map/precipitation_new/ {z}/{x}/{y} .png？appid = YOUR_KEY”））;}}

来源

2017-07-26 13:29:33 MQBrian

没有任何改变让我让我编辑问题，并添加我的代码，让你可以帮我。 – Ahsan

我带走了您的代码（删除了注释行）并替换了MQ和OWM密钥，它对我来说非常合适。我不得不放大一点看OWM的叠加瓷砖（在纽约市必须是美好的一天），但它对我来说都很好。如果您仍然看到问题，您在控制台/网络标签中看到了什么错误？ – MQBrian

令人惊讶的是我的控制台没有错误，这就是为什么我很迷惑：/ – Ahsan

小册子与openweathermap api的集成

回答

相关问题