GoogleマップAPI（gmaps.js）でinfowindowの代わりに画像を表示したい

Question

###前提・実現したいこと
WebページにGoogleマップを表示しようとしています。

このとき、マーカーにマウスを当てたときinfowindowではなくローカルにある画像を表示したいのですが、良い方法はないでしょうか？

ライブラリはgmaps.jsを使っています。

#ソースコード

<script type="text/javascript">
		var map;
		$(document).ready(function(){
			map = new GMaps({
				div: "#map",
				lat:  ,#緯度
				lng:  ,#経度
				zoom:12,
			});
map.addMarker({
			lat: ,#緯度
			lng: ,#経度
			title: "title",
			infoWindow: {
				content: "<p>text</p>"
			},
			mouseover: function(e){
				this.infoWindow.open(this.map, this);
			},
			mouseout: function(e){
				this.infoWindow.close(this.map, this);
			},
			click: function(e){
				window.location.href = "http://~";
			}
			});

Answer 1

マウスオーバー時の吹き出しは、infoWindowのcontentにHTMLでカスタマイズできるので、<img>タグで画像を埋めることができます

            infoWindow: {
                content: "<img src=''>"
            },

余談ですが...ピンアイコンを画像に変更する場合は、addMarkerにicon:で画像を指定できます。以下参考
[Google API] 手軽にGoogle Maps APIをカスタマイズできる「gmaps.js」の使い方

Comments

[Snow_Dawn]

回答ありがとうございます。

すみません、マーカーを置き換えるのではなく、マーカーにマウスオーバーで画像を表示させたいのですが、可能ですか？

[popobot]

完全勘違いしてました...
それだったら、単にinfoWindowのcontentに<img src=''>タグとかで画像を埋めればいいのではないでしょうか

[Snow_Dawn]

ひとまずなんとかなりそうです！
ありがとうございました！