gpt4 book ai didi

javascript - d3.geomap在Grails应用程序中未定义

转载 作者:行者123 更新时间:2023-12-02 15:55:11 26 4
gpt4 key购买 nike

我在Grails中使用d3.geomap来创建美国 map 。
https://d3-geomap.github.io/中所述,我的gsp如下所示:

<html>
<head>
<meta name="layout" content="main" charset="utf-8">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'd3.geomap.css')}" type="text/css">
<g:javascript src="d3.geomap.dependencies.min.js" />
<g:javascript src="d3.geomap.min.js" />

</head>
<body>

<script>
var map = d3.geomap.choropleth()
.geofile('/topojson/countries/USA.json')
.projection(d3.geo.albersUsa)
.column('2012')
.unitId('fips')
.scale(1000)
.legend(true);

d3.csv("mapusa", function(error, data) {
d3.select('#map')
.datum(data)
.call(map.draw, map);
});
</script>
<div id="map"></div>
</body>
</html>
CSS文件d3.geomap.css在web-app / css下。
js文件d3.geomap.dependencies.min.js和d3.geomap.min.js在web-app / js下。
在grails-app / views /下,我有topojson文件夹。
当我运行页面时,它给了我:

Uncaught TypeError: Cannot read property 'choropleth' of undefined

d3.geomap is undefined.


有任何想法吗?
提前致谢。

最佳答案

在我的main.gsp中,我有:

<script src="http://d3js.org/d3.v3.min.js"></script>

当我删除它时,d3.geomap具有值(value)并显示美国 map 。我不确定他们为什么会发生冲突。

关于javascript - d3.geomap在Grails应用程序中未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34576511/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com