title: Google Maps v3 - using accented characters in marker titles
body: <p>I'm building a Google Maps implementation for a Swedish company, so the language has lots of uses of ä, å, and ö. I have no problems getting the special characters to display correctly (the site charset is UTF-8) except in the "title" attributes for each map marker. My code for the markers is (you can ignore everything in square brackets):</p>
  
  <pre><code>var marker = new google.maps.Marker({
      position: [coordinates],
      map: [map container div],
      icon: [icon image],
      title: "Läs mer om "+[text from JSON]  //THIS IS WHERE THE PROBLEM IS
  });
  </code></pre>
  
  <p>When I hover over the marker on the map, the tooltip comes up as "L�s mer om...". If I change the "ä" to <code>&amp;auml;</code> in the Javascript, the tooltip displays "<code>L&amp;auml;s mer om...</code>" instead.</p>
  
  <p>The kicker is that using special characters anywhere else in the site, either directly in raw HTML or generated text placed by CMS or what-have-you works just fine. It's <em>only</em> in the Google Maps implementation that it's cracking.</p>
  
  <p>Again, given that the site is entirely in Swedish, this could be a fairly significant issue. Any bright ideas from SO resident geniuses?</p>