私はこの問題について多くのことを調べてきました。私が取り組んでいるプロジェクトがあります。これは基本的に、Google Earth Web プレーヤーで動的に生成されるさまざまな場所のツアーを表しています。問題は、クライアントが場所を表す各目印のコンテンツをよりスタイリッシュにすることを要求することです。もちろん、私はすぐに、Google Earth が悪意を持って KMZ ファイルに挿入されたすべての CSS を削除していることに気付きました。これは非常に厄介なことです。多くのオンライン ディスカッションでは、!important キーワードを CSS 宣言に入れることや、これを防ぐために面白い方法でバルーン スタイルを使用することについて話しました。これまでのところ、具体的な解決策は見つかりませんでした。
Google Earth が単純にすべての CSS を削除しないようにするためのハックまたは方法があるかどうかを知りたいだけです。これには、ページの読み込み後に外部ソースから CSS をインポートまたは挿入したり、必要に応じて小さな jQuery を挿入したりすることが含まれます。典型的なバルーンがどのように見えるかのコード テンプレートを提供します。これは実際には Google Earth プログラムで機能しますが、オンラインでは機能しないことに注意してください。
</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>