【问题标题】:leaflet integration with openweathermap api传单与 openweathermap api 的集成
【发布时间】:2017-07-26 11:34:10
【问题描述】:

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

【问题讨论】:

    标签: leaflet mapquest openweathermap


    【解决方案1】:

    我在MapQuest Developer Network 中的basic MapQuest.js sample 中添加了以下行。

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

    【讨论】:

    • 对我来说没有任何改变,让我编辑问题并在其中添加我的代码,以便您帮助我。
    • 我拿走了你的代码(删除了注释行)并替换了 MQ 和 OWM 键,它对我来说非常有用。我不得不缩小一点才能看到 OWM 的覆盖图块(在纽约一定是美好的一天),但这对我来说都很好。如果您仍然看到问题,您在控制台/网络选项卡中看到了哪些错误?
    • 令人惊讶的是,我的控制台中没有错误,这就是我感到困惑的原因:/
    • 这些 z x 和 y 是什么?你给他们什么价值观?
    • 这些是 MapQuest.js 为您填充的占位符。平铺网格中的缩放和 x/y。
    猜你喜欢
    • 2015-01-04
    • 2019-05-09
    • 2016-05-16
    • 2020-03-04
    • 1970-01-01
    • 1970-01-01
    • 2021-11-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多