Search code examples
javascriptgoogle-mapshtml-encodemarker

How to escape charaters in the title of a marker in a Google Maps?


Say I have this piece of code:

var marker = new google.maps.Marker({
    position: location,
    title: 'Búfals',
    map: map
});

This creates a marker as expected but if I hover the mouse over it I don’t see 'Búfals'
as I would expect (instead I see the html code).

This doesn't make any difference:

var marker = new google.maps.Marker({
    position: location,
    title: unescape('Búfals'),
    map: map
});  

Any ideas?

Thanks.


Solution

  • This may be an overkill but it works:

    function decode(txt){
      var sp = document.createElement('span');
      sp.innerHTML = txt;
      return sp.innerHTML;
    }
    
    decode('Búfals')