Qt地图无法正确调整尺寸问题求助（Qt 5.15.14）

使用Qt 5.15.14 + QtLocation 5.15 + QtPositioning 5.15开发时，地图锚定在ApplicationWindow左侧，窗口高度缩小时显示正常，但放大时地图显示异常。

问题根源 #

核心问题是Map组件硬编码了固定的width: 500和height: 500，外层GSMap通过锚定规则和width: height试图让地图随窗口高度自适应并保持正方形，但内部固定尺寸的Map无法匹配外层容器的动态尺寸，导致窗口放大时显示异常。

修复步骤 #

1. 移除Map的固定尺寸约束 #

修改Map组件代码，删除固定的宽高设置，让它自动继承父容器的尺寸：

Map {
    id: map

    property real mapRadius: 25

    readonly property real minZoom: 6.0
    readonly property real maxZoom: 17.0

    readonly property var centerCoordinates: QtPositioning.coordinate(41.9027835, 12.4963655)
    
    // 移除固定的width和height
    // width: 500
    // height: 500

    minimumZoomLevel: map.minZoom
    maximumZoomLevel: map.maxZoom

    center: map.centerCoordinates
    zoomLevel: (map.minZoom+map.maxZoom)/2

    plugin: Plugin {
        name: "osm"
        PluginParameter { name: "osm.mapping.highdpi_tiles"; value: "true" }
    }

    ...
}

2. 优化GSMap的尺寸控制 #

外层GSMap的现有规则已能保证地图为正方形并随窗口高度自适应，可补充clip: true防止地图内容溢出容器：

GSMap {
    id: gasStationMap

    width: height
    clip: true // 新增：避免内容溢出容器

    anchors {
        top: parent.top; topMargin: 20
        bottom: parent.bottom; bottomMargin: 20
        left: parent.left; leftMargin: 20
    }
}

可选扩展：添加尺寸限制 #

如果需要给地图设置最小/最大显示尺寸，可在GSMap上补充对应属性：

GSMap {
    id: gasStationMap

    width: height
    clip: true
    minimumWidth: 300 // 最小正方形尺寸
    maximumWidth: 800 // 最大正方形尺寸

    anchors {
        top: parent.top; topMargin: 20
        bottom: parent.bottom; bottomMargin: 20
        left: parent.left; leftMargin: 20
    }
}

内容的提问来源于stack exchange，提问作者volpoh