You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Python中如何为KML点信息窗口添加图片标题及修改样式?

解决方案

KML的description字段支持嵌入完整的HTML内容,你可以通过HTML标签来添加图片标题、描述,同时用CSS样式修改信息窗口的背景色。以下是调整后的代码:

test_point = kml.newpoint(
    name="test_name",
    description='''
    <div style="background-color: #f5f5f5; padding: 15px; border-radius: 5px;">
        <h3 style="margin-top: 0; color: #2c3e50;">图片标题:测试场景</h3>
        <img src="path/latest_image.jpg" width="500" height="500" align="left" style="margin-right: 15px; margin-bottom: 10px;"/>
        <p style="color: #34495e; line-height: 1.5;">
            这里是图片的描述内容,可以详细说明这张图片拍摄的场景、时间或者其他相关信息,支持多行文本。
        </p>
    </div>
    ''',
    coords=[(10,70,100)]
)

关键说明:

  • 背景色修改:通过外层<div>的style属性设置background-color,搭配padding和border-radius优化窗口视觉效果;
  • 图片标题:用<h3>标签定义标题,通过style调整字体颜色和边距,避免和窗口内其他元素挤在一起;
  • 图片描述:用<p>标签添加描述文本,设置行高和字体颜色提升可读性;
  • 图片排版:给<img>添加margin属性,避免文本紧贴图片,提升整体排版舒适度。

你可以根据需求调整颜色值(比如#f5f5f5换成其他十六进制颜色)、字体样式、边距等参数,适配你的显示需求。

内容的提问来源于stack exchange,提问作者user13686580

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.23 06:09:50