Google Maps API多标记标题始终显示功能实现求助

嘿，我明白你的需求啦——现在你的Google Maps标记只有点击时才显示标题，你想让所有标记的标题一直挂在地图上，不用点击或者悬停对吧？这其实有两种常用的实现方式，我给你拆解一下：

方法一：使用Marker的label属性（简洁直接） #

这个方法可以直接在标记的旁边或内部添加固定显示的文字，是最轻便的实现方式。你只需要在创建Marker的配置对象里加上label字段，就能让标题始终显示：

// 假设你原本创建标记的代码是这样的：
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: '悬停时显示的标题' // 这个是默认的tooltip，可选保留
});

// 修改后，添加label属性让标题一直显示：
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: '可选：保留悬停tooltip',
    label: {
        text: '要始终显示的标题内容',
        color: '#ffffff',       // 文字颜色
        fontSize: '12px',       // 字号
        fontWeight: 'bold',     // 加粗效果
        backgroundColor: '#2196F3', // 背景色（可选）
        padding: '2px 6px',     // 内边距（可选）
        borderRadius: '4px'     // 圆角（可选）
    }
});

方法二：使用多个InfoWindow并保持打开（适合复杂样式） #

如果你需要的是类似点击弹出的那种信息框一直显示，那可以给每个标记创建独立的InfoWindow，然后直接调用open()方法绑定到标记上，这样窗口就会一直保持打开状态：

// 示例：遍历地点数据创建标记和对应InfoWindow
var locations = [
    ['北京', 39.9042, 116.4074],
    ['上海', 31.2304, 121.4737],
    // 这里可以添加更多地点...
];

for (var i = 0; i < locations.length; i++) {
    var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map
    });

    // 为当前标记创建InfoWindow
    var infoWindow = new google.maps.InfoWindow({
        content: locations[i][0], // 这里填入要显示的标题内容
        pixelOffset: new google.maps.Size(0, -30) // 可选：调整窗口偏移避免遮挡标记
    });

    // 让InfoWindow一直打开，绑定到当前标记
    infoWindow.open(map, marker);
}

小提示 #

• 用label属性的话，样式灵活且不会过多遮挡标记，适合简单的标题显示；
• 用InfoWindow的话，多个窗口可能会互相遮挡，记得通过pixelOffset调整位置；
• 如果之前你的代码是通过点击事件触发InfoWindow显示，只要去掉点击监听，直接在创建后调用open()即可。

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