echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看

简介: echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
 echarts.registerMap('lockdatav', data, {
            "妈祖": {
                // 左上角经度
                left: 120.178644,
                // 左上角纬度
                top: 24.84237,
                // 经度横跨的范围
                width: 0.21
            },
            "金门": {
                left: 119.847492,
                top: 24.270233,
                width: 0.21
            }
        });
        var myChart = echarts.init(document.getElementById('map'));
        var option = {}

Done !

相关文章
|
6月前
|
定位技术
99Echarts - 地理坐标/地图(Hexagonal Binning)
99Echarts - 地理坐标/地图(Hexagonal Binning)
24 0
|
6月前
|
定位技术
97Echarts - 地理坐标/地图(Draw Polygon on Map)
97Echarts - 地理坐标/地图(Draw Polygon on Map)
26 0
|
6月前
|
定位技术
95Echarts - 地理坐标/地图(Binning on Map)
95Echarts - 地理坐标/地图(Binning on Map)
18 0
|
6月前
|
定位技术
94Echarts - 地理坐标/地图(Use lines to draw 1 million ny streets.)
94Echarts - 地理坐标/地图(Use lines to draw 1 million ny streets.)
21 0
|
2月前
|
定位技术
使用Echarts实现地图展示
使用Echarts实现地图展示
|
2月前
|
JSON 程序员 定位技术
使用echarts+echarts-gl绘制3d地图,实现地图轮播效果
记录一下大屏开发中使用到的echarts-gl 大屏的页面根据需求前前后后改了几个版本了,地图的样式也改了又改 这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了
|
3月前
|
JSON JavaScript 定位技术
Vue中使用echarts@4.x中国地图及AMap相关API的使用
Vue中使用echarts@4.x中国地图及AMap相关API的使用
166 0
Vue中使用echarts@4.x中国地图及AMap相关API的使用
|
3月前
|
定位技术
echarts显示地图
echarts显示地图
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-echarts地图绘制2
前端学习笔记202305学习笔记第二十三天-echarts地图绘制2
50 0
|
4月前
|
定位技术
【ECharts学习】—实现中国地图
【ECharts学习】—实现中国地图