| 1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>04.地图的常见效果_显示某个省份的数据</title>
- <script src="lib/echarts.min.js"></script>
- <script src="lib/jquery.min.js"></script>
- </head>
- <body>
- <div style="width: 600px;height:400px;"></div>
- <script>
- var mCharts = echarts.init(document.querySelector('div'))
- $.get('json/map/sichuan.json',function(ret){
- console.log(ret)
- echarts.registerMap('sichuan',ret)
- var option = {
- geo:{
- type:'map',
- map:'sichuan',
- roam:true,
- zoom:1,
- label:{
- show:true
- },
- center:[104.065735, 30.659462] //这个坐标值，是可以通过地图矢量数据获取到的
- }
- }
- mCharts.setOption(option)
- })
- </script>
- </body>
- </html>
|
