GeoJSON文件可访问：（该资源本人通过购买获得，供大家有偿使用）。
.shp文件可访问：（该资源本人通过购买获得，供大家有偿使用）。
使用在线工具mapshaper进行转换：/
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Germany</title><script src="../static/echarts.js"></script><script src="../static/jquery.min.js"></script><style>html, body, #main {padding: 0;margin: 0;height: 100%;overflow: hidden;}</style>
</head>
<body>
<div id="main"></div>
<script type="text/javascript">$.get("../static/Germany.json", function (map) { // 读取GeoJSON文件// 组装数据 --startvar features = map["features"]data1 = []for (var i = 0; i < features.length; i++) {var properties = features[i]["properties"]var name1 = properties["name"]var Insgesamt = properties["Insgesamt"]var temp = {name: name1, value: Insgesamt}data1.push(temp)}// 组装数据 -- endvar myChart = echarts.ElementById('main'));isterMap("luoyang", map);var option = {tooltip: {//提示框组件。trigger: 'item',},visualMap: { //地图图例，实现颜色渐变min: 0,max: 250000,left: '20%',top: '60%',inRange: {color: ['green', 'yellow', 'red']},text: ['high', 'low'],calculable: true},series: [{map: "Germany",type: "map",aspectScale: 1.0,selectedMode: 'single',//选择类型,hoverable: false,//鼠标经过高亮roam: true,//鼠标滚轮缩放data: data1,itemStyle: {normal: {borderWidth: 1,borderColor: '#ffffff',//区域边框色areaColor: '#FFDAB9',//区域背景色label: {show: false,textStyle: {color: '#6495ED',//文字颜色fontSize: 18 //文字大小}}},emphasis: { // 选中样式--显示nameborderWidth: 1,borderColor: '#00ffff',color: '#ffffff',label: {show: true,textStyle: {color: '#ff0000'}}}}}]};myChart.setOption(option);});
</script>
</body>
</html>
// 组装数据
var features = map["features"]
data = []
for (var i = 0; i < features.length; i++) {var properties = features[i]["properties"]var name1 = properties["name"]var Insgesamt = properties["Insgesamt"]var temp = {name: name1, value: Insgesamt}data.push(temp)
}
本文发布于:2024-02-01 16:04:37，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170677467737807.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
