如何从谷歌地图信息框中删除边框？

Question

我已经尝试了几个指南和stackoverflow的问题，找出一个解决方案，从信息窗口中删除额外的空间。我的地图如下所示。帮助我摆脱这一点。我只需要在地图上显示带有小边框的图像。

---

这里是添加这些信息窗口的JS。

function addBasicInfoWindow(map, marker, contentStr) { 
    var infoWindowOptions = { 
      content: contentStr, 
      pixelOffset: new google.maps.Size(0, 15), 
      disableAutoPan: false, 
      zIndex: 50, 
     }; 
    try { 
     basicInfowindow = new google.maps.InfoWindow(infoWindowOptions); 
     basicInfowindow.open(map,marker); 
    } catch (ex) { 
     alert(ex); 
    } 
} 

试图与closeBoxMargin: "10px 20px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",但不是为我工作。

在此先感谢。

Answer 1

尝试这里的infobubble JS http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/src/infobubble.js

现场演示： http://google-maps-utility-libraryv3.googlecode.com/svn/trunk/infobubble/examples/example.html

您可以使用

// Close button 


var close = this.close_ = document.createElement('IMG'); 
    close.style['position'] = 'absolute'; 
    close.style['width'] = this.px(12); 
    close.style['height'] = this.px(12); 
    close.style['border'] = 0; 
    close.style['zIndex'] = this.baseZIndex_ + 1; 
    close.style['cursor'] = 'pointer'; 
    close.src = 'http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif';