google-maps-api-3 - HTML画像要素からGoogleマップマーカーのアイコンを表示する

Question

URL からではなく、html 画像要素から Google マーカーの画像を表示したいと考えています。

これどうやってするの？

以下のコードは、Google マップに画像を表示しません。アウトコメント URL を含むコードは、Google マップに画像を表示します。

var image = document.createElement('img');
            image.src = "data:image/png;base64," + base64Data;
            image.height = "40px";
            image.width = "40px";

            var icon = image; // Instead of  "../Content/images/Root.jpeg";
            var markerOptions = {
                position: bound,
                map: map,
                icon: icon 
            };

            var marker = new google.maps.Marker(markerOptions);