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

Question

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.

Answer 1

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

Answer 2

Similar to what Daniel suggested, you could try using the unicode value for the character you're trying to display, in your case it would be \u09fa.

Answer 3

You may want to use:

var marker = new google.maps.Marker({
   position: myLatlng,
   map: map,
   title: unescape('B%FAfals')
});