TypeError: Cannot read property 'indexOf' of undefined in map.js

[yudarik]

Hi Guys,
The last release 4.2.3 has a bug on map.js (highmaps) module...
I'm using this module as part of the highcharts main library, not separately as I don't use all the feature Highmaps allows.

Here is JS error stack i get:
TypeError: Cannot read property 'indexOf' of undefined
at Ka (eval at (http://localhost:8080/assets/js/vendor.js:1622:2), :11:385)
at Object.Highcharts.geojson (eval at (http://localhost:8080/assets/js/pub-1b317cb9bc128796e394.js:1119:2), :2082:39)
at Object.seriesTypes.map.merge.setData (eval at (http://localhost:8080/assets/js/pub-1b317cb9bc128796e394.js:1119:2), :1339:42)
at Object.Q.init (eval at (http://localhost:8080/assets/js/vendor.js:1622:2)

I've tried to downgrade to release 4.2.0 and it seems that this issue does not reproduced there.

[sebastianbochan]

Please recreate your example as live demo, cause highcharts.js with map.js seems to working fine here: http://jsfiddle.net/xcyd7cna/. Errors not appears.

[jon-a-nygaard]

Closing this issue due to: We are not able to reproduce the issue, and it is pending reply.
Should anyone have further information on this issue, please add a comment and reopen.

[chrillewoodz]

I also get this when using Angular, going completely mental over this. Can't figure out what the hell it's missing..

[jon-a-nygaard]

@chrillewoodz Could you provide us with some kind of example that shows this issue. Also please let us know which version of Highcharts you are using and other libraries that you are using it with.

[chrillewoodz]

I found the issue, the error comes when chartType: 'map' is missing from the config object. Adding it gets rid of the error and loads the map perfectly. Really difficult one to track down however.

[chrillewoodz]

My last comment is false, as that only applied to a specific angular module I was using. Now I'm trying to instantiate a map chart but I get the same error, I've looked in the source code and on line 2097 in the map.src.js file you do this:

series.chart.mapCredits = format(series.chart.options.credits.mapText, { geojson: geojson });

series.chart.options.credits.mapText seems to be the problem here as it appears to be undefined. When I log series.chart.options.credits there is no such property. If I add the property to my config it still doesn't work.

EDIT: After a lot of digging I found out that adding mapText: '' and mapTextFull: '' to your config object gets rid of the error.

I suggest you update this to give it a default value.

[jon-a-nygaard]

@chrillewoodz We do not have an official Angular extension for Highcharts, and are therefore not responsible for its maintenance or api. You will have to talk to the author and/or maintainers of the extension you are using to fix this issue.

[ndao]

it's not particular to Angular. I am using the highcharts NPM module and getting the same error.
Highmaps is ignoring {credits: {enabled: false}} and looking for mapText & mapTextFull in credits.
@chrillewoodz, which part of the config did you add mapText & mapTextFull to?

[jon-a-nygaard]

@chrillewoodz and @ndao Sorry, my mistake. The mapText and mapTextFull are fairly new options and was not documented properly. I will look into this properly right away.