TWSNMP FC:サーバーレポートの世界地図表示で悩む

今朝は自力で４時に起きました。猫は寝ていましたが私を見て「まだ、早い」と言っていました。
さて、昨日に続いてレポートのページを作っています。コツつかんだので、残りのレポートをまとめて作ろとしましたが、そう簡単にはいきません。
サーバーレポートのページの世界地図を表示する方法を見つけるまでに２時間かかってしまいました。復刻版では、

のような表示です。
世界地図はGeoJSONという形式のデータを利用して表示します。復刻版で利用していたechartsのJavaScriptファイル（world.js)をNuxt.jsで読み込む方法を試行錯誤しましたが、うまくいきません。echratsのマニュアルをもう一度、よく見ると、

Documentation - Apache ECharts

$.get('map/json/china.json', function (chinaJson) {
   echarts.registerMap('china', chinaJson);
   var chart = echarts.init(document.getElmentById('main'));
   chart.setOption({
       series: [{
           type: 'map',
           map: 'china'
       }]
   });
});

のように、GeoJSONファイルを登録する方法がありました。
世界地図のGeoJSONファイルさえあれば解決できそうです。いろいろ探してnpmでインストールできるファイルを見つけました。

twobin/world-map-geojson

書いてあるとおり

$ npm i -S world-map-geojson

でインストールして、

import WorldData from 'world-map-geojson'

echarts.registerMap('world', WorldData)

のようにグラフ表示のプラグインから利用すれば、

のように表示できました。
今日はここまで、明日に続く。