Filledmap + MapBubble series + tooltip

Tooltip, common tooltip + script error

by amrutaJgtp

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>


<div id="container">
</div>

CSS

#container {
    height: 500px;
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

(async () => {

      const topology = await fetch(
        'https://code.highcharts.com/mapdata/custom/world.topo.json'
      ).then(response => response.json());

      Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/[email protected]/samples/data/world-population-density.json', function(data) {
        Highcharts.mapChart('container', {
          "chart": {
            "inverted": false,
            "backgroundColor": "rgba(255,255,255,0)",
            "plotBackgroundColor": "rgba(255,255,255,0)",
            "zoomType": null,
            "resetZoomButton": {
              "theme": {
                "style": {
                  "visibility": "hidden"
                }
              }
            },
            "spacingBottom": 5,
            "spacingTop": 10,
            "map": "world",
            "animation": false
          },
          "title": {
            "text": ".",
            "style": {
              "color": "rgba(255, 255, 255, 0)",
              "fontSize": "1px"
            },
            "floating": true,
            "margin": 0
          },
          "tooltip": {
            "enabled": true,
            "borderWidth": 1,
            "borderRadius": 1,
            "backgroundColor": "#ffffff",
            "style": {
              "color": "#000000",
              "fontSize": "1rem",
              "fontFamily": "Open Sans",
              "fontWeight": "normal",
              "fontStyle": "normal",
              "textDecoration": "none"
            },
            "useHTML": true,
            "shared": false,
            "crosshairs": [null, null]
          },
          "plotOptions": {
            "series": {
              "animation": {
                "duration": 700
              },
              "cursor": "pointer",
              "allowPointSelect": true,
              "showInLegend": true,
              "turboThreshold": 0,
              "stickyTracking": true,
              "events": {},
              "point": {
               ...