Я много изучал этот вопрос. У меня есть проект, над которым я работаю, который в основном представляет собой тур по разным местам, каждое из которых генерируется динамически в веб-плеере Google Earth. Проблема в том, что клиент требует, чтобы содержание каждой метки, представляющей местоположение, было более стильным. Конечно, я быстро обнаружил, что Google Планета Земля злонамеренно очищает весь CSS-файл, который вы помещаете в файл KMZ, что очень раздражает. Во многих онлайн-дискуссиях говорилось о добавлении ключевого слова !important в объявление CSS или об использовании стиля всплывающей подсказки некоторыми забавными способами, чтобы предотвратить это. Пока конкретного решения не нашел.
Я просто хочу знать, есть ли хак или метод для Google Планета Земля, чтобы не просто удалить весь ваш CSS. Это может включать в себя импорт или вставку CSS из внешнего источника после загрузки страницы и/или добавление небольшого количества jQuery, если это необходимо. Я предоставлю шаблон кода для того, как должен выглядеть типичный воздушный шар. Обратите внимание, что на самом деле это работает в программе Google Планета Земля, но не в Интернете.
</Placemark>
<Placemark id="placemark1">
<name>City</name>
<description>
<![CDATA[<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<link href="http://localhost/Kmz_Files/player.css>
<div class="container" >
<span class = "title">My location</span>
<hr>
<div>
<a href="http://www.google.com" target="_blank">
<img src="http://www.google.ca/images/srpr/logo3w.png" width="250" />
</a>
</div>
<hr>
<p> My description</p>
</div>
</body>
</html>]]>
</description>
<Point>
<coordinates>-45, 45</coordinates>
</Point>
</Placemark>