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 を使用しています。