Google地球插件中的CSS

想知道是否可以通過外部/鏈接.css文件而不是內聯樣式來設置彈出式氣球？Google地球插件中的CSS

來源

2009-07-29 Keet

是的，我過去做過這件事，可能相當棘手。你需要使用螢火蟲來找出你需要的選擇器，並且在你的CSS中，你必須非常具體地覆蓋它們，在occaision中你甚至可能必須使用！

娜塔莉

來源

2009-07-30 10:22:11

多數民衆贊成在很大程度上，我會如何去做，外部文件需要鏈接到哪裏？任何例子，你可以指出我。關於。 .k – Keet 2009-08-06 20:19:25

我通常做的是創造我的一個包含包裝div用CSS類像earth-balloon，然後可以從包含頁面內直接稱呼標氣球一個BalloonStyle中。

例如，KML看起來像：通過類似規則

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

和你styles.css然後才能風格地標氣球與styleUrl = #foo：

<?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>

包含頁面本身可能看起來像：

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

.earth-balloon em { 
    color: red; 
}

希望有幫助！

來源

2009-08-12 15:54:11

Google地球插件中的CSS

回答

相關問題