Невозможно выделить текст в Google Earth Balloon Text - PullRequest
Новая
       15

Невозможно выделить текст в Google Earth Balloon Text

0 голосов
/ 27 января 2019

Я пытаюсь отформатировать текст в воздушном шаре в Google Планета Земля с помощью KML.Я не могу сделать текст жирным, независимо от того, какие трюки HTML / CSS я пробую.Пример ниже демонстрирует, что я могу отформатировать текст как Arial Black, но применение font-family:'Arial Bold' не имеет никакого эффекта.Тег <b> также не работает.Не показано в примере, я также пробовал <strong> и font-weight:bold.

Этот снимок экрана показывает, как приведенный ниже код отображается в Google Планета Земля.Текст «Неформатированный текст» имеет тот же вес шрифта, что и текст «Arial Bold» и «b tag», которые должны быть жирным шрифтом.Однако текст «Arial Black» отображается в Arial Black, как и ожидалось.

enter image description here

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

Ответы [ 2 ]

0 голосов
/ 28 января 2019

Ваш пример KML, кажется, в основном работает для меня, даже с кодировками, которые должны прекрасно декодироваться в Google Earth.Я получил воздушные шары, показанные ниже ... в Earth Pro v7 (слева) и Earth for web v9 (справа).

screenshots of balloons with bold text

Показывает теги 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>

Я также заметил, что у вас нет ссылочной переменной $ [description] в вашем BalloonStyle/ текстовый тег, поэтому текст описания не был включен в выноску.

В какой версии Земли вы видели проблему ... вы можете предоставить скриншот?

0 голосов
/ 27 января 2019

Соответствующий вопрос / пример: Использование <BaloonStyle> и <LableStyle> вместе

Вы не хотите, чтобы стили были закодированы. т.е. 

&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>
...