我已经成功创建了一个 AmMap。现在我想为其应用一个主题并完全按照本教程中的说明进行操作:
http://www.amcharts.com/tutorials/working-with-themes/
但是,由于某种原因,即使加载了主题 CSS,它也不起作用。有什么建议可能是错的吗?
我的代码是:
<html>
<script src="/js/ammap/ammap.js" type="text/javascript"></script>
<script src="/js/ammap/themes/dark.js" type="text/javascript"></script>
<body>
<script>
AmCharts.ready(function() {
var map = new AmCharts.AmMap(AmCharts.themes.dark);
map.pathToImages = "/js/ammap/images/";
var dataProvider = {
mapURL: "cz_okresy.svg",
getAreasFromMap:true
};
map.dataProvider = dataProvider;
map.areasSettings = {
rollOverOutlineThickness:1,
outlineThickness:1,
rollOverOutlineAlpha:1,
rollOverAlpha:0.8,
alpha:0.5,
outlineAlpha:1,
};
map.label = {
text: "20",
}
map.write("mapdiv");
});
</script>
<div id="mapdiv" style="width: 90%; height: 90%;"></div>
</body>
</html>
上面的结果在这里: http: //meteopage.com/beta/czdistrictmap.html