ここをクリックしてマーカーアイコンを変更する方法

Question

読み込んだ後heremap私はそれにカスタム画像でマーカーを設定します。そして、マーカーをクリックした後、バブルポップアップが表示されます。私はそれをクリックするとマーカーアイコンを変更したいと思います。クリックするとマーカーアイコンをどのように変更できますか？

下記のようにマーカーをクリックした後に気泡を表示するコード。

map.addObject(group); 

    // add 'tap' event listener, that opens info bubble, to the group 
    group.addEventListener('tap', function (evt) { 
    // event target is the marker itself, group is a parent event target 
    // for all objects that it contains 

    var bubble = new H.ui.InfoBubble(evt.target.getPosition(), { 
     // read custom data 
     content: evt.target.getData() 
    }); 


    // show info bubble 
    ui.addBubble(bubble); 
    }, false); 

Answer 1

私のアプリケーションでは、クリックするとマーカーの元の色が変更されます。 markerTemplateを使ってみましたか？つまり、あなたのマーカーのsvgを文字列として保存する変数ですか？

var markerTemplate = '<svg xmlns="http://www.w3.org/2000/svg" width="28px" height="36px">... fill="${COLOR}"/></svg>' 

たとえば、この文字列で、あなたEventListnerでfill="${COLOR}"は新色markerTemplate.replace('${COLOR}', 'rgba(231, 0, 0, 0.7)');

希望を持ってこのプレースホルダを置き換え、これは.........