Googleでは「ピン」を画像ではなくHTMLコードにマッピングできますか？

Question

マップ内のさまざまな場所にカスタムピンを表示しようとしていますが、ピンが非常に動的で、ズームイン/ズームアウトや検索パラメータの変更を続けているという問題があります。イメージではなくHTMLコードとしてカスタムピンを作成する方法。私は何をしたいか例えば

は

var marker = new google.maps.Marker({ 
    position: myLatLng, 
    icon: // code here instead of a link to an image. 
    map: map 
}); 

は、この可能ですか？

Answer 1

これを実現するにはRichMarkersを使用できます。

marker = new RichMarker({ 
     position: mapCenter, 
     map: map, 
     draggable: true, 
     content: '<div class="my-marker"><div>This is a nice image</div>' + 
     '<div><img src="https://farm4.static.flickr.com/3212/3012579547_' + 
     '097e27ced9_m.jpg"/></div><div>You should drag it!</div></div>' 
     });