ECharts地理坐标系属性介绍

本文介绍了ECharts地理坐标系组件的属性设置,包括显示控制、地图类型、缩放漫游、中心点、长宽比等。通过示例展示了JavaScript和JSON文件引入地图的方式,以及如何自定义地区名称映射和视角缩放限制。此外,还讨论了地图在容器中的布局和尺寸调整选项。
摘要由CSDN通过智能技术生成

在 ECharts 地理坐标系的属性设置中,如果您要将地理坐标系组件显示出来,那么,请使用 geo 组件的 show 属性。在 geo 组件中提供了两种类型的地图数据:javascript 文件与 JSON 文件。通过 geo 组件,您可以自定义地区的名称映射。更多关于地理坐标系组件的属性设置,我们将在下文中详细介绍。

geo.show   |   boolean

[ default: true ]

是否显示 ECharts 地理坐标系组件。

geo.map   |   string

[ default: ‘’ ]

地理坐标系组件的地图类型。

ECharts 3 中因为地图精度的提高,不再内置地图数据增大代码体积。由于 ECharts 之前提供下载的矢量地图的部分数据不符合国家《测绘法》规定,目前暂时无法下载地图。但是大家可以使用以百度地图为底图的形式。

ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。

下面是两种类型的使用示例:

JavaScript 引入示例

<script src="echarts.js"></script>
<script src="map/js/china.js"></script>
<script>
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
    series: [{
        type: 'map',
        map: 'china'
    }]
});
</script>

JSON 引入示例:

$.get('map/json/china.json', function (chinaJson) {
    echarts.registerMap('china', chinaJson);
    var chart = echarts.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值