相关文章推荐
酷酷的扁豆  ·  【错误记录】Windows ...·  1 周前    · 
性感的枇杷  ·  OOM - 知乎·  1 年前    · 
正直的剪刀  ·  PL/SQL --> ...·  1 年前    · 

google maps infowindow position offset

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&#160;km (208&#160;mi) ' +
    'south west of the nearest large town, Alice Springs; 450&#160;km ' +
    '(280&#160;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);

希望这可以帮助您更改信息窗口的位置。如果您有任何其他问题,请随时问我。

    • 1137
    • 328
  •