はじめに

で、DataMaps のことを書いたが、それ以外の細々したこともメモ。

なお、以下が参考になる

[1] 地図のデフォルト色を変更する

<script>
    var map = new Datamap({
        element: document.getElementById('container'),
        fills: {
            defaultFill: 'skyblue'
        }
    });
</script>

[2] 特定の国の色を変更する

<script>
    var map = new Datamap({
        element: document.getElementById('container'),
        fills: {
          'JPN': 'darkorange',
        },
        data: {
          'JPN': {fillKey: 'JPN'},
        }
    });
</script>

[3] マウスオーバー時のダイアログを非表示する

<script>
    var map = new Datamap({
        element: document.getElementById('container'),
        geographyConfig: {
            highlightOnHover: false,
            popupOnHover: false
        }
    });
</script>

[4] 地図の図法を変更する

<script>
    var map = new Datamap({
       element: document.getElementById('container'),
       projection: 'stereographic'
    });
</script>

[5] 境界線の幅と色を変更する

<script>
var map = new Datamap({
    element: document.getElementById('container'),
    geographyConfig: {
        borderWidth: 2,
        borderColor: 'red',
    }
});
</script>

注意

 * 「borderWidth: 0,」にしても境界線は消えない

関連記事

D3.js ～ 入門編 ～

D3.js / TopoJSON / DataMaps [1] ～ 世界地図を作成する ～

D3.js / TopoJSON / DataMaps [2] ～ DataMaps　Plugin編 ～

D3.js / TopoJSON / DataMaps [3] ～ DataMaps　Custom Plugin編 ～