Погода на картах Google

Куда делась погода с карт Гугла?! Да никуда. Просто её скрыли. Но от нас не упрячешь — сейчас покажу, как этим пользоваться.

Итак, что же произошло? Вышла новая версия карт Гугла. О том, что она кривая, неудобная и так далее — уже много сказано. В рамках поставленной задачи для нас главное, что из старых карт слой погоды исчез, но чудом появился в новых. Но мне не нравятся новые карты! Что делать? Вытягивать слой на старых. Но как?

К счастью, в старых картах погоду не удалили, а только убрали органы управления ею. Работать эта программная библиотека будет до четвёртого июня 2015 года. Ещё есть время! Нам понадобистя небольшой фрагмент кода, который покажет всё, что нужно. Не стоит пугаться страшного слова «код»: всё предельно просто. Итак, вот код страницы, где отображается погода по городам и облачность:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Погодный слой</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather"></script>
    <script>
function initialize() {
  var mapOptions = {
    zoom: 5,
    center: new google.maps.LatLng(50.000000,35.000000),
    mapTypeId: google.maps.MapTypeId.HYBRID
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  var weatherLayer = new google.maps.weather.WeatherLayer({
    temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS
  });
  weatherLayer.setMap(map);

  var cloudLayer = new google.maps.weather.CloudLayer();
  cloudLayer.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

Если нет желания разбираться, что тут к чему — просто скачайте его по ссылке ниже и открывайте, когда понадобится.

Разумеется, этот код можно и встраивать куда-либо. Это выглядит так:

Здесь я встроил простой iframe, изменил в коде значение zoom на 4 и передвинул начальные координаты южнее до 45-й параллели. Собственно, вот ссылка на готовый html-файл погодной карты.

Хорошей всем погоды!


Protected by Copyscape Online Plagiarism Test
Вы не можете высказаться или оставить ссылку здесь...

Обсуждение закрыто.

Powered by WordPress | Thanks to NewWpThemes | Александр Божок