Google Maps的信息窗口(infowindow)是通过将一个div元素放在地图上来实现的。您可以通过CSS样式更改信息窗口的位置、大小和样式。
如果您想要更改信息窗口的位置,可以使用“pixelOffset”属性。该属性允许您指定信息窗口相对于其默认位置的像素偏移量。例如,如果您希望信息窗口在默认位置的右上角而不是左上角,则可以设置像素偏移量为“new google.maps.Size(0,-50)”,其中-50表示向上移动50像素。
以下是一个简单的示例,演示了如何创建一个具有像素偏移量的信息窗口:
var contentString = '<div id="content">' +
'<div id="siteNotice">' +
'</div>' +
'<h1 id="firstHeading" class="firstHeading">Uluru</h1>' +
'<div id="bodyContent">' +
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the ' +
'Northern Territory, central Australia. It lies 335 km (208 mi) ' +
'south west of the nearest large town, Alice Springs; 450 km ' +
'(280 mi) by road. Kata Tjuta and Uluru are the two major ' +
'features of the Uluru - Kata Tjuta National Park. Uluru is ' +
'sacred to the Pitjantjatjara and Yankunytjatjara, the ' +
'Aboriginal people of the area. It has many springs, waterholes, ' +
'rock caves and ancient paintings. Uluru is listed as a World ' +
'Heritage Site.</p>' +
'</div>' +
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString,
pixelOffset: new google.maps.Size(0, -50) // 设置像素偏移量
var marker = new google.maps.Marker({
position: uluru,
map: map,
title: 'Uluru (Ayers Rock)'
marker.addListener('click', function() {
infowindow.open(map, marker);
希望这可以帮助您更改信息窗口的位置。如果您有任何其他问题,请随时问我。