javascript - Highmaps occuring 'Uncaught TypeError: undefined is not a function ' and not loading? -

javascript - Highmaps occuring 'Uncaught TypeError: undefined is not a function ' and not loading? -

i trying utilize highmaps highchart.highcharts working highmaps doesnt work highmaps.

highmaps not loading highchart graphic.and thoring 'uncaught typeerror: undefined not function ' error on console.i assume javascript confilict error.but how can prepare this?

code:

<script src="http://code.highcharts.com/maps/highmaps.js"></script> <script src="http://code.highcharts.com/maps/modules/data.js"></script> <script src="http://code.highcharts.com/mapdata/custom/world.js"></script> <div id="container" style="height: 500px; min-width: 310px; max-width: 800px; margin: 0 auto"></div> <script> $(function () { $.getjson('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population.json&callback=?', function (data) { var mapdata = highcharts.geojson(highcharts.maps['custom/world']); // right uk gb in info $.each(data, function () { if (this.code === 'uk') { this.code = 'gb'; } }); $('#container').highcharts('map', { chart : { borderwidth : 1 }, title: { text: 'world population 2010 country' }, subtitle : { text : 'demo of highcharts map bubbles' }, legend: { enabled: false }, mapnavigation: { enabled: true, buttonoptions: { verticalalign: 'bottom' } }, series : [{ name: 'countries', mapdata: mapdata, color: '#e0e0e0', enablemousetracking: false }, { type: 'mapbubble', mapdata: mapdata, name: 'population 2010', joinby: ['iso-a2', 'code'], data: data, minsize: 4, maxsize: '12%', tooltip: { pointformat: '{point.code}: {point.z} thousands' } }] }); }); }); </script>

thanks helps.

javascript jquery highcharts