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