小冊子與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的集成

回答

相關問題