7

Datamapsを使用してカナダとアメリカの地図を作成しています。その Web サイトでチュートリアルや例を見て、「USA マップのみ」の例を見ました。そして、私はそれをしました:

    <script>
        var addUSA = new Datamap({
            scope: 'usa',
            element: document.getElementById('usa-map'),
            geographyConfig: {
                highlightOnHover: false,
                borderColor: '#006298',
                borderWidth: 0.8,
                popupTemplate: function(geography, data) {
                    return "<div class='hoverinfo'><strong>" + data.info + "</strong></div>";
                }
            },
            dataUrl: 'data.json',
            dataType: 'json',
            data: {},
            fills: {
                defaultFill: '#FFFFFF'
            }
        });
        addUSA.labels();
    </script>

なので「カナダのみの地図」も作成できると思います。しかし、問題は、2 つの国を結合する方法がわからないことです。

ラベル、hover-info、および json を目指しているため、Datamaps を使用しています。

4

1 に答える 1