Prikaži plast vreme na Google zemljevidu

Za začetek spremenimo, da se bo zemljevid prikazal čez cel zaslon (lahko  si tudi sami izmislite mere - po želji) .

<style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
</style>

Priporočamo

Dodajanje Google zemljevida na spletno stran

Dodajanje Google zemljevida na spletno stran je zelo preprosto. V tej lekciji vam bomo korak za korakom pokazali, kako dodati Google zemljevid z uporabo JavaScript API.

Potem dodamo še JavaScript del kode, ki poskrbi da se Google zemljevid pojavi na željenem mestu.
Ker želimo, da se na zemljevidu vidi celotno ozemlje Slovenije, vpišemo koordinate (LatLng) geometričnega središča Slovenije, ki se nahaja v Vačah pri Litiji.

var mapOptions = {
    zoom: 9,
    center: new google.maps.LatLng(46.119944, 14.815333),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

Plasti so predmeti, ki so sestavljeni iz več elementov prikazanih na zemljevidu in z njimi manipuliramo.

Prva plast katero bomo dodali se imenuje weatherLayer() objekt. V tej plasti moramo definrati enoti in sicertemperatureUnits in windSpeedUnits.

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

Opcije temperaturne enote:
CELSIUS
FAHRENHEIT

Znotraj WeatherLayer definiramo še windSpeedUnits. To naredimo tako da za temperaturnim postavimo vejico (,) in vpišemo:

var weatherLayer = new google.maps.weather.WeatherLayer({
    temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS,
windSpeedUnits: google.maps.weather.WindSpeedUnit.METERS_PER_SECOND
});

Na koncu spremenljivki weatherLayer dodamo setMap(), da se vse skupaj lahko izvede na zemljevidu map.

weatherLayer.setMap(map);

Podobno potem naredimo še za CloudLayer()objekt, vendat kot nova spremenljivka var cloudLayer.

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

V cloudLayer primeru ni potrebno definirati nobenih enot.

Shrani dokument v *.html obliki ter ga odpri z brskalnikom.

Priporočamo

Merjenje razdalje in časa poti v Google Maps

S posodobitvijo Google Maps zemljevidov je prišel tudi nov način, kako na zemljevidu merimo razdalje in čas poti med dvema ali več točkami.