プレビュー
最終結果は上記の通りです。
コンポーネントの作成
<template>
<section class="visual-map">
<div
ref="chart"
style="width:882px; height:740px; margin: auto"
/>
</section>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import echarts from 'echarts'
import allCity from './allCity'
import option from './option'
@Component
export default class VisualMap extends Vue {
private chart: any = {}
private option: any = {}
private created () {
this.init()
}
private mounted () {
this.chart = echarts.init(this.$refs.chart)
}
private init () {
this.option = option
}
public setData (seriesData: any) {
if (seriesData.country === '日本'){
this.option.geo.map = 'Japan'
} else {
this.option.geo.map = 'world'
}
// すでに離陸した線を描く
const series: Array<object> = []
this.cityRender(seriesData.items, series)
this.lineRender(seriesData.items, series)
this.option.series = series
this.onRender()
}
private cityRender (items: Array<object>, series: Array<object>) { // 都市を描く
// エリアの強調を解除する
const city: Set<string> = new Set()
items.forEach((item: any) => {
city.add(item.from.trim())
city.add(item.to.trim())
})
city.forEach((item: any) => {
const cityOption: any = allCity.find((v: any) => v.name === item)
if (!cityOption) {
console.log(`${item}都市を描く - この項目は存在しない`)
return
}
series.push({
type: 'effectScatter',
coordinateSystem: 'geo',
zlevel: 4,
symbolSize: 10,
rippleEffect: {
scale: 10,
brushType: 'stroke'
},
data: [
{
name: cityOption.name,
value: cityOption.coords,
visualMap: false
}
]
})
})
}
private lineRender (items: Array<object>, series: Array<object>) { // 線を描く
// すでに離陸した線を描く
items.forEach((item: any) => {
const fromCity: any = allCity.find((v: any) => v.name === item.from.trim())
const toCity: any = allCity.find((v: any) => v.name === item.to.trim())
if (!fromCity) {
console.log(`${item.from}線を引く - この項目は存在しない`)
return
}
if (!toCity) {
console.log(`${item.to}線を引く - この項目は存在しない`)
return
}
series.push({
name: item.to_name + ': ' + item.value + ' ,
type: 'lines',
zlevel: 2,
effect: {
show: true,
period: 4, // 矢印は速度を指し、値が小さいほど速くなる。
trailLength: 0.02, // 効果トレイルの長さ[0,1]値が大きいほど、トレイルは長く重くなる
symbol: 'arrow', // 矢印アイコン
symbolSize: 5, // アイコンのサイズ
},
lineStyle: {
normal: {
// color: fromCity.color,
width: 2,
opacity: 0.4,
curveness: -0.2
}
},
data: [
{
fromName: item.from,
toName: item.to,
coords: [fromCity.coords, toCity.coords]
}
]
})
})
}
private onRender () {
this.chart.setOption(this.option, true)
}
}
</script>
- ここではジオマッピングのeffectScatterが使用されていることに注意してください。
- エフェクトは、ループする矢の攻撃ビジュアルを作成するために使用されました。
- 全データを反復して攻撃ラインをプロット
- 都市の重み付けを解除してマッピング
export default {
backgroundColor: '',
tooltip: {
trigger: 'item'
},
geo: {
map: 'Japan',
zoom: 1,
label: {
emphasis: {
show: false
}
},
roam: true,
itemStyle: {
normal: {
borderColor: 'rgba(147, 235, 248, 1)',
borderWidth: 1,
areaColor: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.8,
colorStops: [
{
offset: 0,
color: 'rgba(147, 235, 248, 0)' // 0% 場所の色
},
{
offset: 1,
color: 'rgba(147, 235, 248, .2)' // 100% 場所の色
}
],
globalCoord: false // デフォルトはfalseである。
},
shadowColor: 'rgba(128, 217, 248, 1)',
// shadowColor: 'rgba(255, 255, 255, 1)',
shadowOffsetX: -2,
shadowOffsetY: 2,
shadowBlur: 10
},
emphasis: {
areaColor: '#389BB7',
borderWidth: 0
}
}
},
series: []
}
ここでは、一般的な構成ですが、上記の地図データの一般的な導入と同様に、スイッチングも変更ジオであることに留意する必要があります。
しかし、このスイッチにはドロー効果が必要で、そうしないとキャンバスに影が残ります。
例で使用したデータ
const JapanGeo: Array<object> = [
{
name: '黒龍江省',
coords: [127.9688, 45.368],
color: '#FFF68F'
},
{
name: '内モンゴルの,
coords: [110.3467, 41.4899],
color: '#FFEFD5'
},
{
name: ' ,
coords: [125.8154, 44.2584],
color: '#FFE4E1'
},
{
name: '東京都',
coords: [116.4551, 40.2539],
color: '#FFDEAD'
},
{
name: ' ,
coords: [123.1238, 42.1216],
color: '#FFC1C1'
},
{
name: '',
coords: [114.4995, 38.1006],
color: '#FFB90F'
},
{
name: '天津',
coords: [117.4219, 39.4189],
color: '#FFA54F'
},
{
name: ' ,
coords: [112.3352, 37.9413],
color: '#FF8C00'
},
{
name: ' ,
coords: [109.1162, 34.2004],
color: '#FF7F50'
},
{
name: ' ,
coords: [103.5901, 36.3043],
color: '#FF6EB4'
},
{
name: ' ,
coords: [106.3586, 38.1775],
color: '#FF4500'
},
{
name: ' ,
coords: [101.4038, 36.8207],
color: '#FF3030'
},
{
name: ' ,
coords: [87.9236, 43.5883],
color: '#FFF5EE'
},
{
name: ' ,
coords: [91.11, 29.97],
color: '#FFEC8B'
},
{
name: ' ,
coords: [103.9526, 30.7617],
color: '#FFE4C4'
},
{
name: ' ,
coords: [117.1582, 36.8701],
color: '#FFDAB9'
},
{
name: '',
coords: [113.4668, 34.6234],
color: '#FFC125'
},
{
name: ' ,
coords: [118.8062, 31.9208],
color: '#FFB6C1'
},
{
name: ' ,
coords: [117.29, 32.0581],
color: '#FFA500'
},
{
name: '',
coords: [114.3896, 30.6628],
color: '#FF83FA'
},
{
name: '',
coords: [119.5313, 29.8773],
color: '#FF7F24'
},
{
name: '',
coords: [119.4543, 25.9222],
color: '#FF6A6A'
},
{
name: ' ,
coords: [116.0046, 28.6633],
color: '#FF4040'
},
{
name: '',
coords: [113.0823, 28.2568],
color: '#FF83FA'
},
{
name: ' ,
coords: [106.6992, 26.7682],
color: '#ADADAD'
},
{
name: ' ,
coords: [102.9199, 25.4663],
color: '#A9A9A9'
},
{
name: '',
coords: [113.12244, 23.009505],
color: '#A4D3EE'
},
{
name: ' ,
coords: [108.479, 23.1152],
color: '#A1A1A1'
},
{
name: '海南',
coords: [110.3893, 19.8516],
color: '#9F79EE'
},
{
name: ' ,
coords: [121.4648, 31.2891],
color: '#9B30FF'
},
{
name: ' ,
coords: [113.54, 22.19],
color: '#9A32CD'
},
{
name: ' ,
coords: [116.40, 40.40],
color: '#98F5FF'
},
{
name: ' ,
coords: [107.51, 29.63],
color: '#949494'
},
{
name: ' ,
coords: [114.17, 22.32],
color: '#912CEE'
},
{
name: ' ,
coords: [121.01, 23.54],
color: '#8EE5EE'
},
{
name: ' ,
coords: [112.17, 42.81],
color: '#8DEEEE'
},
]
const worldGeo: Array<object> = [
{ name: 'アフガニスタンの, coords: [67.709953, 33.93911], color: '#FFF68F' },
{ name: 'アンゴラ', coords: [17.873887, -11.202692], color: '#FFF68F' },
{ name: 'アルバニアの, coords: [20.168331, 41.153332], color: '#FFF68F' },
{ name: 'UAE', coords: [53.847818, 23.424076], color: '#FFF68F' },
{ name: 'アルゼンチンの, coords: [-63.61667199999999, -38.416097], color: '#FFF68F' },
{ name: 'アルメニアの, coords: [45.038189, 40.069099], color: '#FFF68F' },
{ name: 'フランスの南半球と南極領土'。, coords: [69.348557, -49.280366], color: '#FFF68F' },
{ name: 'オーストラリアの, coords: [133.775136, -25.274398], color: '#FFF68F' },
{ name: 'オーストリアの, coords: [14.550072, 47.516231], color: '#FFF68F' },
{ name: 'アゼルバイジャンの, coords: [47.576927, 40.143105], color: '#FFF68F' },
{ name: 'ブルンジ', coords: [29.918886, -3.373056], color: '#FFF68F' },
{ name: 'ベルギーの, coords: [4.469936, 50.503887], color: '#FFF68F' },
{ name: ' , coords: [2.315834, 9.30769], color: '#FFF68F' },
{ name: 'ブルキナファソ', coords: [-1.561593, 12.238333], color: '#FFF68F' },
{ name: 'バングラデシュの, coords: [90.356331, 23.684994], color: '#FFF68F' },
{ name: 'ブルガリアの, coords: [25.48583, 42.733883], color: '#FFF68F' },
{ name: 'バハマの, coords: [-77.39627999999999, 25.03428], color: '#FFF68F' },
{ name: 'ボスニア・ヘルツェゴビナ', coords: [17.679076, 43.915886], color: '#FFF68F' },
{ name: 'ベラルーシの, coords: [27.953389, 53.709807], color: '#FFF68F' },
{ name: 'ベリーズの, coords: [-88.49765, 17.189877], color: '#FFF68F' },
{ name: 'バミューダの, coords: [-64.7505, 32.3078], color: '#FFF68F' },
{ name: 'ボリビアの, coords: [-63.58865299999999, -16.290154], color: '#FFF68F' },
{ name: ' , coords: [-51.92528, -14.235004], color: '#FFF68F' },
{ name: ' , coords: [114.727669, 4.535277], color: '#FFF68F' },
{ name: ' , coords: [90.433601, 27.514162], color: '#FFF68F' },
{ name: 'ボツワナ', coords: [24.684866, -22.328474], color: '#FFF68F' },
{ name: '中央アフリカ共和国', coords: [20.939444, 6.611110999999999], color: '#FFF68F' },
{ name: 'カナダの, coords: [-106.346771, 56.130366], color: '#FFF68F' },
{ name: ' , coords: [8.227511999999999, 46.818188], color: '#FFF68F' },
{ name: ' , coords: [-71.542969, -35.675147], color: '#FFF68F' },
{ name: ' , coords: [104.195397, 35.86166], color: '#FFF68F' },
{ name: 'コートジボワール', coords: [-5.547079999999999, 7.539988999999999], color: '#FFF68F' },
{ name: 'カメルーン', coords: [12.354722, 7.369721999999999], color: '#FFF68F' },
{ name: 'コンゴ民主共和国', coords: [21.758664, -4.038333], color: '#FFF68F' },
{ name: 'コンゴ共和国', coords: [15.827659, -0.228021], color: '#FFF68F' },
{ name: 'コロンビアの, coords: [-74.297333, 4.570868], color: '#FFF68F' },
{ name: 'コスタリカの, coords: [-83.753428, 9.748916999999999], color: '#FFF68F' },
{ name: ' , coords: [-77.781167, 21.521757], color: '#FFF68F' },
{ name: '北キプロスの, coords: [33.429859, 35.126413], color: '#FFF68F' },
{ name: 'キプロスの, coords: [33.429859, 35.126413], color: '#FFF68F' },
{ name: 'チェコの, coords: [15.472962, 49.81749199999999], color: '#FFF68F' },
{ name: ' , coords: [10.451526, 51.165691], color: '#FFF68F' },
{ name: 'ジブチ', coords: [42.590275, 11.825138], color: '#FFF68F' },
{ name: ' , coords: [9.501785, 56.26392], color: '#FFF68F' },
{ name: 'ドミニカ共和国の, coords: [-70.162651, 18.735693], color: '#FFF68F' },
{ name: 'アルジェリアの, coords: [1.659626, 28.033886], color: '#FFF68F' },
{ name: 'エクアドル', coords: [-78.18340599999999, -1.831239], color: '#FFF68F' },
{ name: ' , coords: [30.802498, 26.820553], color: '#FFF68F' },
{ name: 'エリトリアの, coords: [39.782334, 15.179384], color: '#FFF68F' },
{ name: 'スペインの, coords: [-3.74922, 40.46366700000001], color: '#FFF68F' },
{ name: 'エストニアの, coords: [25.013607, 58.595272], color: '#FFF68F' },
{ name: 'エチオピアの, coords: [40.489673, 9.145000000000001], color: '#FFF68F' },
{ name: ' , coords: [25.748151, 61.92410999999999], color: '#FFF68F' },
{ name: ' , coords: [178.065032, -17.713371], color: '#FFF68F' },
{ name: 'フォークランド諸島の, coords: [-59.523613, -51.796253], color: '#FFF68F' },
{ name: ' , coords: [2.213749, 46.227638], color: '#FFF68F' },
{ name: ' , coords: [11.609444, -0.803689], color: '#FFF68F' },
{ name: ' , coords: [-3.435973, 55.378051], color: '#FFF68F' },
{ name: 'ジョージア', coords: [-82.9000751, 32.1656221], color: '#FFF68F' },
{ name: ' , coords: [-1.023194, 7.946527], color: '#FFF68F' },
{ name: 'ギニア, coords: [-9.696645, 9.945587], color: '#FFF68F' },
{ name: 'ガンビア', coords: [-15.310139, 13.443182], color: '#FFF68F' },
{ name: 'ギニアビサウ', coords: [-15.180413, 11.803749], color: '#FFF68F' },
{ name: '赤道ギニアの, coords: [10.267895, 1.650801], color: '#FFF68F' },
{ name: ' , coords: [21.824312, 39.074208], color: '#FFF68F' },
{ name: 'グリーンランド', coords: [-42.604303, 71.706936], color: '#FFF68F' },
{ name: 'グアテマラ', coords: [-90.23075899999999, 15.783471], color: '#FFF68F' },
{ name: 'フランス領ギアナ', coords: [-53.125782, 3.933889], color: '#FFF68F' },
{ name: 'ガイアナ', coords: [-58.93018, 4.860416], color: '#FFF68F' },
{ name: 'ホンジュラスの, coords: [-86.241905, 15.199999], color: '#FFF68F' },
{ name: 'クロアチアの, coords: [15.2, 45.1], color: '#FFF68F' },
{ name: ' , coords: [-72.285215, 18.971187], color: '#FFF68F' },
{ name: 'ハンガリーの, coords: [19.503304, 47.162494], color: '#FFF68F' },
{ name: ' , coords: [113.921327, -0.789275], color: '#FFF68F' },
{ name: ' , coords: [78.96288, 20.593684], color: '#FFF68F' },
{ name: 'アイルランドの, coords: [-8.24389, 53.41291], color: '#FFF68F' },
{ name: ' , coords: [53.688046, 32.427908], color: '#FFF68F' },
{ name: 'イラクの, coords: [43.679291, 33.223191], color: '#FFF68F' },
{ name: ' , coords: [-19.020835, 64.963051], color: '#FFF68F' },
{ name: 'イスラエルの, coords: [34.851612, 31.046051], color: '#FFF68F' },
{ name: 'イタリアの, coords: [12.56738, 41.87194], color: '#FFF68F' },
{ name: 'ジャマイカの, coords: [-77.297508, 18.109581], color: '#FFF68F' },
{ name: ' , coords: [36.238414, 30.585164], color: '#FFF68F' },
{ name: ' , coords: [138.252924, 36.204824], color: '#FFF68F' },
{ name: 'カザフスタンの, coords: [66.923684, 48.019573], color: '#FFF68F' },
{ name: 'ケニアの, coords: [37.906193, -0.023559], color: '#FFF68F' },
{ name: 'キルギスの, coords: [74.766098, 41.20438], color: '#FFF68F' },
{ name: 'カンボジアの, coords: [104.990963, 12.565679], color: '#FFF68F' },
{ name: ' , coords: [127.766922, 35.907757], color: '#FFF68F' },
{ name: 'コソボ', coords: [20.902977, 42.6026359], color: '#FFF68F' },
{ name: 'クウェートの, coords: [47.481766, 29.31166], color: '#FFF68F' },
{ name: ' , coords: [102.495496, 19.85627], color: '#FFF68F' },
{ name: 'レバノンの, coords: [35.862285, 33.854721], color: '#FFF68F' },
{ name: 'リベリアの, coords: [-9.429499000000002, 6.428055], color: '#FFF68F' },
{ name: 'リビアの, coords: [17.228331, 26.3351], color: '#FFF68F' },
{ name: 'スリランカの, coords: [80.77179699999999, 7.873053999999999], color: '#FFF68F' },
{ name: 'レソト', coords: [28.233608, -29.609988], color: '#FFF68F' },
{ name: 'リトアニアの, coords: [23.881275, 55.169438], color: '#FFF68F' },
{ name: 'ルクセンブルク', coords: [6.129582999999999, 49.815273], color: '#FFF68F' },
{ name: 'ラトビアの, coords: [24.603189, 56.879635], color: '#FFF68F' },
{ name: 'モロッコの, coords: [-7.092619999999999, 31.791702], color: '#FFF68F' },
{ name: 'モルドバの, coords: [28.369885, 47.411631], color: '#FFF68F' },
{ name: 'マダガスカル', coords: [46.869107, -18.766947], color: '#FFF68F' },
{ name: 'メキシコの, coords: [-102.552784, 23.634501], color: '#FFF68F' },
{ name: 'マケドニアの, coords: [21.745275, 41.608635], color: '#FFF68F' },
{ name: ' , coords: [-3.996166, 17.570692], color: '#FFF68F' },
{ name: ' , coords: [95.956223, 21.913965], color: '#FFF68F' },
{ name: ' , coords: [19.37439, 42.708678], color: '#FFF68F' },
{ name: ' , coords: [103.846656, 46.862496], color: '#FFF68F' },
{ name: 'モザンビーク', coords: [35.529562, -18.665695], color: '#FFF68F' },
{ name: 'モーリタニアの, coords: [-10.940835, 21.00789], color: '#FFF68F' },
{ name: 'マラウイの, coords: [34.301525, -13.254308], color: '#FFF68F' },
{ name: 'マレーシアの, coords: [101.975766, 4.210484], color: '#FFF68F' },
{ name: 'ナミビア', coords: [18.49041, -22.95764], color: '#FFF68F' },
{ name: 'ニューカレドニア', coords: [165.618042, -20.904305], color: '#FFF68F' },
{ name: 'ニジェールの, coords: [8.081666, 17.607789], color: '#FFF68F' },
{ name: 'ナイジェリアの, coords: [8.675277, 9.081999], color: '#FFF68F' },
{ name: 'ニカラグアの, coords: [-85.207229, 12.865416], color: '#FFF68F' },
{ name: ' , coords: [5.291265999999999, 52.132633], color: '#FFF68F' },
{ name: ' , coords: [8.468945999999999, 60.47202399999999], color: '#FFF68F' },
{ name: 'ネパールの, coords: [84.12400799999999, 28.394857], color: '#FFF68F' },
{ name: 'ニュージーランド', coords: [174.885971, -40.900557], color: '#FFF68F' },
{ name: ' , coords: [55.923255, 21.512583], color: '#FFF68F' },
{ name: 'パキスタンの, coords: [69.34511599999999, 30.375321], color: '#FFF68F' },
{ name: 'パナマの, coords: [-80.782127, 8.537981], color: '#FFF68F' },
{ name: ' , coords: [-75.015152, -9.189967], color: '#FFF68F' },
{ name: 'フィリピンの, coords: [121.774017, 12.879721], color: '#FFF68F' },
{ name: 'パプアニューギニア', coords: [143.95555, -6.314992999999999], color: '#FFF68F' },
{ name: ' , coords: [19.145136, 51.919438], color: '#FFF68F' },
{ name: 'プエルトリコの, coords: [-66.590149, 18.220833], color: '#FFF68F' },
{ name: '北朝鮮の, coords: [127.510093, 40.339852], color: '#FFF68F' },
{ name: 'ポルトガルの, coords: [-8.224454, 39.39987199999999], color: '#FFF68F' },
{ name: 'パラグアイ', coords: [-58.443832, -23.442503], color: '#FFF68F' },
{ name: 'カタールの, coords: [51.183884, 25.354826], color: '#FFF68F' },
{ name: 'ルーマニアの, coords: [24.96676, 45.943161], color: '#FFF68F' },
{ name: 'ロシアの, coords: [105.318756, 61.52401], color: '#FFF68F' },
{ name: 'ルワンダの, coords: [29.873888, -1.940278], color: '#FFF68F' },
{ name: '西サハラ', coords: [-12.885834, 24.215527], color: '#FFF68F' },
{ name: 'サウジアラビアの, coords: [45.079162, 23.885942], color: '#FFF68F' },
{ name: ' , coords: [30.217636, 12.862807], color: '#FFF68F' },
{ name: '南スーダンの, coords: [31.3069788, 6.876991899999999], color: '#FFF68F' },
{ name: 'セネガルの, coords: [-14.452362, 14.497401], color: '#FFF68F' },
{ name: 'ソロモン諸島の, coords: [160.156194, -9.64571], color: '#FFF68F' },
{ name: 'シエラレオネ', coords: [-11.779889, 8.460555], color: '#FFF68F' },
{ name: 'エルサルバドル', coords: [-88.89653, 13.794185], color: '#FFF68F' },
{ name: 'ソマリランドの, coords: [46.8252838, 9.411743399999999], color: '#FFF68F' },
{ name: 'ソマリアの, coords: [46.199616, 5.152149], color: '#FFF68F' },
{ name: 'セルビア共和国', coords: [21.005859, 44.016521], color: '#FFF68F' },
{ name: 'スリナム', coords: [-56.027783, 3.919305], color: '#FFF68F' },
{ name: 'スロバキア', coords: [19.699024, 48.669026], color: '#FFF68F' },
{ name: 'スロベニア', coords: [14.995463, 46.151241], color: '#FFF68F' },
{ name: ' , coords: [18.643501, 60.12816100000001], color: '#FFF68F' },
{ name: 'スワジランドの, coords: [31.465866, -26.522503], color: '#FFF68F' },
{ name: 'シリアの, coords: [38.996815, 34.80207499999999], color: '#FFF68F' },
{ name: ' , coords: [18.732207, 15.454166], color: '#FFF68F' },
{ name: ' , coords: [0.824782, 8.619543], color: '#FFF68F' },
{ name: ' , coords: [100.992541, 15.870032], color: '#FFF68F' },
{ name: 'タジキスタンの, coords: [71.276093, 38.861034], color: '#FFF68F' },
{ name: 'トルクメニスタン', coords: [59.556278, 38.969719], color: '#FFF68F' },
{ name: '東ティモール', coords: [125.727539, -8.874217], color: '#FFF68F' },
{ name: 'トリニダード・トバゴ', coords: [-61.222503, 10.691803], color: '#FFF68F' },
{ name: 'チュニジア', coords: [9.537499, 33.886917], color: '#FFF68F' },
{ name: 'トルコの, coords: [35.243322, 38.963745], color: '#FFF68F' },
{ name: 'タンザニア連合共和国', coords: [34.888822, -6.369028], color: '#FFF68F' },
{ name: 'ウガンダの, coords: [32.290275, 1.373333], color: '#FFF68F' },
{ name: 'ウクライナの, coords: [31.16558, 48.379433], color: '#FFF68F' },
{ name: 'ウルグアイ', coords: [-55.765835, -32.522779], color: '#FFF68F' },
{ name: ' , coords: [-95.712891, 37.09024], color: '#FFF68F' },
{ name: 'ウズベキスタンの, coords: [64.585262, 41.377491], color: '#FFF68F' },
{ name: 'ベネズエラの, coords: [-66.58973, 6.42375], color: '#FFF68F' },
{ name: ' , coords: [108.277199, 14.058324], color: '#FFF68F' },
{ name: 'バヌアツ', coords: [166.959158, -15.376706], color: '#FFF68F' },
{ name: '西岸', coords: [35.3027226, 31.9465703], color: '#FFF68F' },
{ name: ' , coords: [48.516388, 15.552727], color: '#FFF68F' },
{ name: ' , coords: [22.937506, -30.559482], color: '#FFF68F' },
{ name: 'ザンビアの, coords: [27.849332, -13.133897], color: '#FFF68F' },
{ name: 'ジンバブエの, coords: [29.154857, -19.015438], color: '#FFF68F' },
{ name: ' , coords: [113.5, 22.2], color: '#FFF68F' },
{ name: 'シンガポールの, coords: [103.811032, 1.364418], color: '#FFF68F' },
{ name: 'インドネシアの, coords: [119.730443, -5.640499], color: '#FFF68F' },
{ name: 'コンゴ', coords: [21.23189, -3.79294], color: '#FFF68F' },
]
export default [
...JapanGeo,
...worldGeo
]
