谷歌地图信息框位置

问题描述：

我一直在谷歌搜索这个问题一段时间，我得到的只是头痛。我在谷歌地图上添加了带有信息框的谷歌标记，但信息框位于比标记更低的位置，如何才能真正感谢它在标记上。有谁知道该怎么做？谷歌地图信息框位置

请不要在某处插入一些链接，我今天看到它很懒。先谢谢你。

答

将infoBox的属性alignBottom设置为true（默认为false）。要进一步调整头寸，请使用信息框的pixelOffset - 属性

加载定制箭头我已经把现在已经按预期工作，信息框已经在标记的顶部。我在地图的最上面也有一个div，在某些情况下，信息框会被它覆盖。我将如何调整信息框，以便当信息框与div重叠时，它会调整它的位置，使其低于通常的位置？提前致谢。 – 2013-06-27 18:33:56

答

默认情况下，信息框将指向标记的左下角。你可以简单地这样做：

var ib= new InfoBox({ 
    ....//other properties, 
    pixelOffset: new google.maps.Size(-25, 0) //where your marker's height is 25px 
});

我认为第一个数字是'x-offset'（宽度），第二个数字是'y-ofset'（高度）。至少这就是我将它添加到我的InfoBox设置时所看到的 – hellatan 2013-11-04 13:54:43

答

infobox = new InfoBox({ 
     content: document.getElementById("infobox"), 
     disableAutoPan: false, 
     maxWidth: 150, 
     pixelOffset: new google.maps.Size(-140, -45), 
     zIndex: null, 
     boxStyle: { 
      background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') 0% 100% no-repeat", 
      opacity: 0.75, 
      width: "280px" 
     }, 
     infoBoxClearance: new google.maps.Size(1, 1), 
     alignBottom: true 
    }); 


#infobox { 
    border:2px solid black; 
    margin-bottom: 8px; 
    background:#333; 
    color:#FFF; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    padding: .5em 1em; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    text-shadow:0 -1px #000000; 
    -webkit-box-shadow: 0 0 8px #000; 
    box-shadow: 0 0 8px #000; 
}

//从本地

谷歌地图信息框位置

相关推荐