Может ли Google maps «pin» быть 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. Таким образом, вы можете сделать HTML стиль с CSS в качестве маркеров карты:

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>' 
     });