title: leaflet integration with openweathermap api
body: <p><a href="https://i.stack.imgur.com/FkxFb.jpg" rel="nofollow noreferrer">Kindly check my output here</a> Can anybody here help me out with some good tutorial or ways to integrate openweathermap api with leaflet mapquest api. I read on owm website that both are compatible and can work together. Any help will be appreciated. 
  Thanks !</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://api.mqcdn.com/sdk/mapquest-js/v1.0.0/mapquest.js"&gt;&lt;/script&gt;
      &lt;link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.0.0/mapquest.css"/&gt;
  
      &lt;script type="text/javascript"&gt;
      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 &lt; 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);
          &lt;!-- map.addLayer(L.mapquest.trafficLayer());
           &lt;!-- map.addLayer(L.mapquest.incidentsLayer());
  
           map.addLayer(new L.TileLayer("http://tile.openweathermap.org/map/precipitation_new/{z}/{x}/{y}.png?appid=owmkeyhere"));
      }
          &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="map" style="width: 100%; height: 100%;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>