在Google地圖上使用看起來像google地圖的javascript api創建花式信息窗口

我一直在嘗試創建像Google地圖一樣的花式信息窗口。是什麼使它看起來？ 1.信息窗口的尖端長而窄，看起來光滑，從標記中出來 2.谷歌地圖本身有一個形狀爲信息窗口的陰影。在Google地圖上使用看起來像google地圖的javascript api創建花式信息窗口

在地圖API的文檔有官方信息窗口：

https://developers.google.com/maps/documentation/javascript/infowindows

，但我也發現了這一個從實用程序庫：

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

我用像這樣：

var infoWindowHTML = get_movingInfoWindowHTML(); 
    context.bubble = new InfoBubble({ 
     content: infoWindowHTML, 
     padding:5, 
     borderColor: "#ccc", 
     ShadowStyle:1, 
     hideCloseButton:true, 
     arrowSize:25, 
     arrowStyle:1, 
     arrowPosition:99, 
     borderRadius:0, 
     width:150, 
     height:150 
    }); 
    context.bubble.open(map,marker);

即使他們在陰影中顯示它的信息泡沫的例子，目前影子工作不適合我這個代碼。

但是更大的問題是，氣泡信息看起來不像谷歌地圖使用的那種光滑和華麗，箭頭很厚並且不光滑。

我怎樣才能得到像谷歌地圖上的結果？謝謝！

來源

2014-02-09 guy schaller

嘗試使用infoBox。這些功能與infowindows相同，並且更加可定製。 infoBox reference

來源

2014-02-10 11:50:07

在Google地圖上使用看起來像google地圖的javascript api創建花式信息窗口

回答

相關問題