GeoView.js

define(function (require) {

    'use strict';

    var zrUtil = require('zrender/core/util');
    var graphic = require('../../util/graphic');

    var RoamController = require('../helper/RoamController');

    return require('../../echarts').extendComponentView({

        type: 'geo',

        init: function (ecModel, api) {
            var controller = new RoamController(api.getZr(), null, null);
            this._controller = controller;
        },

        render: function (geoModel, ecModel, api) {
            this.group.removeAll();

            var geo = geoModel.coordinateSystem;

            var itemStyleModel = geoModel.getModel('itemStyle.normal');

            var hoverItemStyleModel = geoModel.getModel('itemStyle.emphasis');

            var itemStyle = itemStyleModel.getItemStyle();
            var hoverItemStyle = hoverItemStyleModel.getItemStyle();

            var mapGroup = new graphic.Group();
            var group = this.group;

            var scale = geo.scale;

            group.add(mapGroup);

            mapGroup.position = geo.position.slice();
            mapGroup.scale = scale.slice();

            itemStyle.lineWidth && (itemStyle.lineWidth /= scale[0]);
            hoverItemStyle.lineWidth && (hoverItemStyle.lineWidth /= scale[0]);

            zrUtil.each(geo.regions, function (region) {

                var regionGroup = new graphic.Group();

                zrUtil.each(region.contours, function (contour) {

                    var polygon = new graphic.Polygon({
                        shape: {
                            points: contour
                        }
                    });

                    polygon.setStyle(itemStyle);

                    graphic.setHoverStyle(polygon, hoverItemStyle);

                    regionGroup.add(polygon);
                });

                mapGroup.add(regionGroup);
            });

            var controller = this._controller;
            controller.off('pan')
                .on('pan', function (dx, dy) {
                    api.dispatch({
                        type: 'geoRoam',
                        component: 'geo',
                        name: geoModel.name,
                        dx: dx,
                        dy: dy
                    });
                });

            controller.rect = geo.getViewBox();
        }
    });
});