与 openweathermap 的传单集成 api

Question

Kindly check my output here 这里的任何人都可以帮助我提供一些好的教程或将 openweathermap api 与 leaflet 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>

Answer 1

我将以下行添加到 basic MapQuest.js sample in the MapQuest Developer Network。

map.addLayer(新L.TileLayer(http://tile.openweathermap.org/map/precipitation_new/{z}/{x}/{y}.png?appid=YOUR_KEY"));

与 openweathermap 的传单集成 api

leaflet integration with openweathermap api

mapquest

leaflet

openweathermap