SVGによるサークルマーカーです クリックすると、情報ウィンドウが開きます。画像も入ります。下記の関数を追加します
var infoWndOpts = { content : text, }; var infoWnd = new google.maps.InfoWindow(infoWndOpts); var markerOpts = { position : latlng, icon: { path: google.maps.SymbolPath.CIRCLE, fillOpacity: 0.5, fillColor: '#FF0000', strokeOpacity: 1.0, strokeColor: '#ffffff', strokeWeight: 5.0, scale: 20 //pixels }, draggable: true, map : map }; var marker = new google.maps.Marker(markerOpts); google.maps.event.addListener(marker, "click", function(){ //先に開いた情報ウィンドウがあれば、closeする if (currentInfoWindow) { currentInfoWindow.close(); } //情報ウィンドウを開く infoWnd.open(map, marker); currentInfoWindow = infoWnd; }); return marker; }