CSS in Google Earth-Plugin

Frage mich nur, ob es möglich ist, eine Popup-Sprechblase über eine externe/verknüpfte .css-Datei statt Inline-Stile zu stylen?CSS in Google Earth-Plugin

Quelle

2009-07-29 Keet

Ja, ich habe das in der Vergangenheit getan, es kann ziemlich schwierig sein. Sie müssen Firebug verwenden, um die Selektoren zu ermitteln, die Sie benötigen, und in Ihrem CSS müssen Sie sehr spezifisch sein, um sie außer Kraft zu setzen, was manchmal sogar wichtig ist!

Natalie

Quelle

2009-07-30 10:22:11

Das ist großartig, wie würde ich darüber gehen, wo muss die externe Datei verknüpft werden? Jedes Beispiel, wie Sie mich auch zeigen können. grüße. .k – Keet

[Dies] (http://www.recyclenow.com/applications/recyclenow_08/banklocator/search_results.rm?place=bn1+4aj&x=29&y=16) ist etwas, an dem ich vor langer Zeit gearbeitet habe, hat es änderte ein bisschen, aber sollten Sie eine Idee, werfen Sie einen Blick auf den Code in Firebug und banklocator.css –

heh sieht aus wie Sie können nicht HTML in Kommentaren, nur in Antworten :) - Die URL ist http: //www.recyclenow .com/applications/recycle_now_08/banklocator/search_results.rm? place = bn1 + 4aj & x = 29 & y = 16 –

Was ich in der Regel tun, ist eine Balloon für meine Pop-ups erstellen, die einen Wrapper div mit einer CSS-Klasse wie earth-balloon enthält, die dann direkt aus der enthaltenden Seite gestylt werden können.

Zum Beispiel würde sich die KML wie:

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="styles.css"/> 
    <!-- Earth API stuff goes here --> 
</head> 
<body> 
    <div id="map3d"></div> 
</body> 
</html>

und Ihre styles.css dann mit styleUrl = #foo über Regeln für den Ballon für Ortsmarken Stil könnte wie:

<?xml version="1.0" encoding="UTF-8"?> 
<kml xmlns="http://www.opengis.net/kml/2.2"> 
    <Document> 
    <Style id="foo"> 
     <BalloonStyle> 
     <text><![CDATA[ 
     <div class="earth-balloon"> 
      $[description] 
     </div> 
     ]]></text> 
     </BalloonStyle> 
    </Style> 
    <Placemark> 
     <styleUrl>#foo</styleUrl> 
     <name>Bar</name> 
     <description><![CDATA[ 
     Some <em>HTML</em> here. 
     ]]></description> 
     <Point> 
     <coordinates>-122,37</coordinates> 
     </Point> 
    </Placemark> 
    </Document> 
</kml>

die beinhaltende Seite selbst aussehen könnte :

.earth-balloon { 
    font-family: Georgia, serif; 
} 

.earth-balloon em { 
    color: red; 
}

Hoffe, dass hilft!

Quelle

2009-08-12 15:54:11

CSS in Google Earth-Plugin

Antwort

Verwandte Themen