2014-01-27 4 views
1

Как изменить стиль флажка с метками в Google Earth? Это не данные kml, это сам баллон. Например, я хотел бы обойти границу. Я делаю пример, но всегда вижу пустую рамку вокруг стиля, который я положил.CSS Ballon google earth

код Javascript:

var ge=null; 
var html="<div class='ews_infobox'> Prueba </div>"; 
var inicio={"latitud": 43.3667, "longitud": -5.8333,"zoom": 5000.0}; 


function initCB(pluginInstance) { 
ge = pluginInstance; 
ge.getWindow().setVisibility(true); 
ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW); 

    //Crea un placemark. 
    var placemark = ge.createPlacemark(''); 

    //Define icono. 
    var icon = ge.createIcon(''); 
    icon.setHref('images/home2.png'); 

    // Placemark en Oviedo. 
    var point = ge.createPoint(''); 
    point.setLatitude(43.3667); 
    point.setLongitude(-5.8333); 
    placemark.setGeometry(point); 

    // Add the placemark to Earth. 
    ge.getFeatures().appendChild(placemark); 

    //Crea la vista (LookAct). 
    ge.getOptions().setFlyToSpeed(.2); 
    var lookAt = ge.createLookAt(''); 

    // Pone las posiciones. 
    lookAt.setLatitude(inicio.latitud); 
    lookAt.setLongitude(inicio.longitud); 
    lookAt.setRange(inicio.zoom); 

    // Actualiza vista de google Earth. 
    ge.getView().setAbstractView(lookAt); 


    eventoMarca(placemark); 
} 

function eventoMarca(placemark){ 


google.earth.addEventListener(placemark, 'click', function(event) { 


    var balloon = ge.createHtmlDivBalloon(''); 
     balloon.setFeature(placemark); 
     var div = document.createElement('DIV'); 
     div.innerHTML = html; 
     balloon.setContentDiv(div); 
     ge.setBalloon(balloon); 

    }); 

} 

стиль CSS:

.ews_infobox 
{ 
padding:15px; 
color:#000; 
background:#f3961c; 
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); 
background:-moz-linear-gradient(#f9d835, #f3961c); 
background:-o-linear-gradient(#f9d835, #f3961c); 
background:linear-gradient(#f9d835, #f3961c); 
-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px; 
width: 80px; 
height: 40px; 

} 

И баллоном является: ballon

+0

Можете ли вы создать JSFiddle того, что у вас есть до сих пор? –

+0

Да, [ссылка] (http://jsfiddle.net/sandritascs/7mrBU/4/) – sandrita

+0

Требуется ли использовать Google Планета Земля? Для этого нужен плагин для браузера и вообще не поддерживается в Linux. Для большинства целей (idk yours) API Google Maps может быть лучшим выбором и его легко настроить. –

ответ

0

AFAIK нет никакого способа, вообще, чтобы сделать это. Вы можете изменить стиль контента, но не сам бал.

Это потому, что «воздушный шар» на самом деле не является частью DOM - он создается из-за плагина.

+0

Спасибо за все ^^ – sandrita