text: 
  /*
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
  
  var echarts = require("../../echarts");
  
  var zrUtil = require("zrender/lib/core/util");
  
  var graphic = require("../../util/graphic");
  
  var MapDraw = require("../../component/helper/MapDraw");
  
  /*
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
  var _default = echarts.extendChartView({
    type: 'map',
    render: function (mapModel, ecModel, api, payload) {
      // Not render if it is an toggleSelect action from self
      if (payload && payload.type === 'mapToggleSelect' && payload.from === this.uid) {
        return;
      }
  
      var group = this.group;
      group.removeAll();
  
      if (mapModel.getHostGeoModel()) {
        return;
      } // Not update map if it is an roam action from self
  
  
      if (!(payload && payload.type === 'geoRoam' && payload.componentType === 'series' && payload.seriesId === mapModel.id)) {
        if (mapModel.needsDrawMap) {
          var mapDraw = this._mapDraw || new MapDraw(api, true);
          group.add(mapDraw.group);
          mapDraw.draw(mapModel, ecModel, api, this, payload);
          this._mapDraw = mapDraw;
        } else {
          // Remove drawed map
          this._mapDraw && this._mapDraw.remove();
          this._mapDraw = null;
        }
      } else {
        var mapDraw = this._mapDraw;
        mapDraw && group.add(mapDraw.group);
      }
  
      mapModel.get('showLegendSymbol') && ecModel.getComponent('legend') && this._renderSymbols(mapModel, ecModel, api);
    },
    remove: function () {
      this._mapDraw && this._mapDraw.remove();
      this._mapDraw = null;
      this.group.removeAll();
    },
    dispose: function () {
      this._mapDraw && this._mapDraw.remove();
      this._mapDraw = null;
    },
    _renderSymbols: function (mapModel, ecModel, api) {
      var originalData = mapModel.originalData;
      var group = this.group;
      originalData.each(originalData.mapDimension('value'), function (value, idx) {
        if (isNaN(value)) {
          return;
        }
  
        var layout = originalData.getItemLayout(idx);
  
        if (!layout || !layout.point) {
          // Not exists in map
          return;
        }
  
        var point = layout.point;
        var offset = layout.offset;
        var circle = new graphic.Circle({
          style: {
            // Because the special of map draw.
            // Which needs statistic of multiple series and draw on one map.
            // And each series also need a symbol with legend color
            //
            // Layout and visual are put one the different data
            fill: mapModel.getData().getVisual('color')
          },
          shape: {
            cx: point[0] + offset * 9,
            cy: point[1],
            r: 3
          },
          silent: true,
          // Do not overlap the first series, on which labels are displayed.
          z2: !offset ? 10 : 8
        }); // First data on the same region
  
        if (!offset) {
          var fullData = mapModel.mainSeries.getData();
          var name = originalData.getName(idx);
          var fullIndex = fullData.indexOfName(name);
          var itemModel = originalData.getItemModel(idx);
          var labelModel = itemModel.getModel('label');
          var hoverLabelModel = itemModel.getModel('emphasis.label');
          var polygonGroups = fullData.getItemGraphicEl(fullIndex);
          var normalText = zrUtil.retrieve2(mapModel.getFormattedLabel(idx, 'normal'), name);
          var emphasisText = zrUtil.retrieve2(mapModel.getFormattedLabel(idx, 'emphasis'), normalText);
  
          var onEmphasis = function () {
            var hoverStyle = graphic.setTextStyle({}, hoverLabelModel, {
              text: hoverLabelModel.get('show') ? emphasisText : null
            }, {
              isRectText: true,
              useInsideStyle: false
            }, true);
            circle.style.extendFrom(hoverStyle); // Make label upper than others if overlaps.
  
            circle.__mapOriginalZ2 = circle.z2;
            circle.z2 += 1;
          };
  
          var onNormal = function () {
            graphic.setTextStyle(circle.style, labelModel, {
              text: labelModel.get('show') ? normalText : null,
              textPosition: labelModel.getShallow('position') || 'bottom'
            }, {
              isRectText: true,
              useInsideStyle: false
            });
  
            if (circle.__mapOriginalZ2 != null) {
              circle.z2 = circle.__mapOriginalZ2;
              circle.__mapOriginalZ2 = null;
            }
          };
  
          polygonGroups.on('mouseover', onEmphasis).on('mouseout', onNormal).on('emphasis', onEmphasis).on('normal', onNormal);
          onNormal();
        }
  
        group.add(circle);
      });
    }
  });
  
  module.exports = _default;