我正在使用Datamaps创建加拿大和美国的地图.我在其网站上看到了教程和/或示例,我看到了"仅限美国地图"的示例.我这样做了:
<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>
Run Code Online (Sandbox Code Playgroud)
所以我假设你也可以创建一个"加拿大地图".但问题是,我不知道如何将两个国家结合起来.
我的目标是标签,hover-info和json,这就是我使用Datamaps的原因.
datamaps ×1