Google Maps Polyline Colour Ignored in IE - UTF8 BOM prime suspect

Question

I've recently been upgrading the pages for my website from the Google Maps API v2 to API v3 and I've noticed that the polyline colour property is ignored by IE but honoured by FireFox and Chrome. The polylines are shown in different colours in Chrome and FF but in IE they are just the default black. Example link:

http://www.bestbikingroads.com/motorcycle-roads/motorbike-rides-in-united-states-/Nevada_-3752.html

I'm using Notepad++ to code my site in PHP

I have a suspicion that this might be caused by an ongoing problem that I seem to have with the UTF BOM. The reason I suspect this because when I use Notepad++ and 'convert to UTF8 without BOM' the polyline colour problem then also happens in FF

Any ideas appreciated, I have previously tried to recode all the files to UT8 without BOM but this seems to introduce all kinds of problems with non-english chars being shown properly so up to now I have just put up with it.

Answer 1

You must save without the BOM in any case.

The problem I see is that you have the Content-Type-<META> set to utf-8, but this will not have any effect, because the server sends a content-type-header:

text/html; charset=ISO-8859-1

...what will have precedence before the <meta>

You should setup the server to send the desired header.