Облачност и температура в реално време

Готова е голямата карта за сайта BGOutdoor – Излез навън , която показва количество валежи, температура и облачност в реално време. За целта се използва приставката за браузъри на Гугъл Земя, няколко JavaScript и два сървъра за сателитни снимки, единият от който на НАСА.

Всички точки и слоеве са сложени в Google Earth и съответно записани в един kml файл. Извикването на различните слоеве и синхронизацията става чрез java script в head страницата:

[startCode]<*script src=”https://www.google.com/jsapi?key=*****************************************” type=”text/javascript”>
<*script src=”vremeto.js” type=”text/javascript”>
<*style type=”text/css”>
<*!– #apDiv1 { position:absolute; width:283px; height:46px; z-index:1; left: 21px; top: 801px; overflow: visible; visibility: visible; } –>

[endCode]

И се слага #apDiv1, където да се показва картата.
А самият java script съдържа текста на kml файла:
var ge;
var kml;
google.load('earth','1');

function initCallback(instance) {
base_setup(instance);

var la = ge.createLookAt(”);
la.set(42.748644, 25.235311, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, 0, 35, 650000 );
ge.getView().setAbstractView(la);

kml = ge.parseKml(
‘Текст съдържанието на kml файла’);

ge.getFeatures().appendChild(kml);

//set a click listener that affects all placemarks
google.earth.addEventListener(
ge.getGlobe(), ‘click’, function(event) {
var obj = event.getTarget();
if (obj.getType() == ‘KmlPlacemark’){
event.preventDefault();
var placemark = obj;
var placemark_name = placemark.getName();
//get the full balloon html
var placemark_desc_active = placemark.getBalloonHtmlUnsafe();
//same as above, except with ‘active’ content like JS stripped out
var placemark_desc = placemark.getBalloonHtml();
//create new balloon with rendered content
var balloon = ge.createHtmlStringBalloon(”);
//balloon.setFeature(placemark);
balloon.setMaxWidth(300);
balloon.setContentString(‘

‘ + placemark_name + ‘

‘ + placemark_desc_active);
ge.setBalloon(balloon);
}
});
}

function base_setup(instance){
ge = instance;
ge.getWindow().setVisibility(true);
document.getElementById(‘installed-plugin-version’).innerHTML = ge.getPluginVersion().toString();
}

function init() {
google.earth.createInstance(‘map3d’, initCallback, failureCallback);
}

function failureCallback(errorCode) {}

Това гарантира едновременната работа на всички слоеве и тяхната равнопоставенност в картата. Точките които извикват данни чрез iframe трябва да са променени с CDATA в описанието.
[startCodeBlock]<*![CDATA[<*iframe src=”линк към каквото искате” width=”300″ height=”250″ marginwidth=”0″ marginheight=”0″ frameborder=”0″ scrolling=”no” allowtransparency=”true”>]]>[endCodeBlock]

Картата може да ползвате на адрес Времето сега . Както споменахме, за правилно ползване на картата трябва да имате инсталиран Google Earth Plugin. Ето картата тук

cdata iframe js maps KML kmz