title: HighCharts and Map Bubble are not compatible
body: <p>I am trying to use Highmaps as an integrated plugin with Highcharts source file (highcharts.js and map.js files), like described in Getting Started doc page --> section "Load Required files".</p>
  
  <p>For the series type <strong>Map Bubble</strong> is not displaying nothing on the page.<br/><strong>See jsFiddle:</strong> 
  <br/><a href="http://jsfiddle.net/mihaelaCiocoiu/pvPur/3/" rel="nofollow">http://jsfiddle.net/mihaelaCiocoiu/pvPur/3/</a></p>
  
  <pre><code>&lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/maps/modules/map.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/maps/modules/data.js"&gt;&lt;/script&gt;
  &lt;script src="http://www.highcharts.com/samples/data/maps/us.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><br/></p>
  
  <pre><code>$(function () {
  
  $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population.json&amp;callback=?', function (data) {
  
      $('#container').highcharts('Map', {
          chart : {
              borderWidth : 1
          },
  
          title: {
              text: 'World population 2010 by country'
          },
  
          subtitle : {
              text : 'Demo of Highcharts map with bubbles'
          },
  
          legend: {
              enabled: false
          },
  
          mapNavigation: {
              enabled: true,
              buttonOptions: {
                  verticalAlign: 'bottom'
              }
          },
  
          series : [{
              name: 'Countries',
              mapData: Highcharts.maps.world,
              color: '#E0E0E0',
              enableMouseTracking: false
          }, {
              type: 'mapbubble',
              mapData: Highcharts.maps.world,
              name: 'Population 2010',
              joinBy: 'code',
              data: data,
              minSize: 4,
              maxSize: '12%',
              tooltip: {
                  pointFormat: '{point.code}: {point.z} thousands'
              }
          }]
      });
  
  });
  </code></pre>
  
  <p>});</p>
  
  <p>Thank you in advance!</p>