Question

我正在尝试使用KML在Google Earth上的气球框中格式化文本。无论我尝试哪种html / css技巧，我都无法使文本变为粗体。下面的示例演示了我可以将文本格式设置为Arial Black，但是应用font-family:'Arial Bold'无效。 <b>标记也不起作用。在示例中未显示，我也尝试过<strong>和font-weight:bold。

此屏幕截图显示了以下代码在Google Earth中的呈现方式。文本“未格式化的文本”具有与文本“ Arial Bold”和“ b标签”相同的字体粗细，后者应为粗体。但是，“ Arial Black”文本将按预期方式以Arial Black呈现。

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <name>Format Test</name>
    <Style id="test-style">
      <BalloonStyle>
        <text>
          <p style="font-family:'Arial Black';">Arial Black</p> 
          <p style="font-family:'Arial Bold';">Arial Bold</p> 
          <p>This text has a <b>b tag</b></p>
          <p>Unformatted Text</p>
        </text>
      </BalloonStyle>
    </Style>
    <Placemark>
      <name>Test Placemark</name>
      <description><![CDATA['test']]></description>
      <Point>
        <coordinates>
          -76.0,40.0,0
        </coordinates>
      </Point>
      <styleUrl>#test-style</styleUrl>
    </Placemark>
  </Document>
</kml>

Answer 1

相关问题/示例：Using <BaloonStyle> and <LableStyle> together

您不希望样式进行实体编码。即

&lt;p style="font-family:'Arial Black';"&gt; Arial Black &lt;/p&gt;

应为：

<p style="font-family:'Arial Black';"> Arial Black </p>

这应该可以达到您的期望

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <name>Format Test</name>
    <Style id="test-style">
      <BalloonStyle>
        <text><![CDATA[<b><font size="+2">$[name]</font></b>
          <br/><br/><font face="Arial Black">$[description]</font><br/>
          <br/>Some other text<br/>
          <b>Some bold text</b><br/>]]>
        </text>
      </BalloonStyle>
    </Style>
    <Placemark>
      <name>Test Placemark</name>
      <description><![CDATA['test']]></description>
      <Point>
        <coordinates>
          -76.0,40.0,0
        </coordinates>
      </Point>
      <styleUrl>#test-style</styleUrl>
    </Placemark>
  </Document>
</kml>

Answer 2

您的示例KML似乎最适合我，即使使用了编码也应该可以在Google Earth中对其进行解码。我在Earth Pro v7（左）和Earth for web v9（右）中看到了如下所示的气球。

这将显示style="font-family:'Arial Black';"和<b>标记，都将产生粗体文本。 style="font-family:'Arial Bold';"不会显示为粗体，但是我认为这是因为“ Arial Bold”是一种不寻常的字体，并且似乎仅受某些浏览器支持。

也许您正在寻找的是单独的font-weight属性，如下所示：

<p style="font-family:'Arial'; font-weight:'bold'">Arial font, bold weight</p>

我还注意到，您的BalloonStyle / text标记中没有$ [description]引用变量，因此您的描述文本未包含在气球中。

您在哪个版本的Earth上看到此问题...可以提供屏幕截图吗？

无法在Google Earth Balloon Balloon Text中加粗

2 个答案: