<!--
为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。
-->
### One-line summary [问题简述]
1. - Heat point disappears when the cursor moves over the state.
2. - States with the same name are selected.
### Version & Environment [版本及环境]
+ ECharts version [ECharts 版本]: 4.2.0-rc.1
+ Browser version [浏览器类型和版本]: Google Chrome Versión 69.0.3497.100 (Build
oficial) (64 bits)
+ OS Version [操作系统类型和版本]: Windows 10 Pro Version: 1709 Compilation 16299.665
### Expected behaviour [期望结果]
1. It is expected that the surface will not overlap at the point of heat that
is marked. Is it possible that it is due to the number of shapes that are drawn
on the map?
2. Is there any other attribute that allows to differentiate states with the
same name? If I have two features with the same name, when one is selected,
both highlight.
### ECharts option [ECharts配置项]
<!-- Copy and paste your 'echarts option' here. -->
<!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的
option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
```javascript
option = {
title: {
text: 'Mapa de calor', //Título principal del mapa
subtext: 'Unidades de producción', //Subtítulo del mapa
sublink: 'http://www.lahuerta.com.mx', //Link del subtítulo
left: 'center',//Es la posición del mapa
textStyle: {
color: '#fff'// Aquí se le da el color el título 'Mapa de calor'
}
},
backgroundColor: '#404a59',//Es el color del fondo excluyendo al trazo del
mapa
//Esta propiedad es tanto para el cálculo de los valores como para pintar
las opciones en la parte inferior izquierda
visualMap: {
min: 0, //Este el valor mínimo del rango para pintar la regiones
max: 1000, //Este es el valor máximo del rango para pintar las regiones
splitNumber: 5, //Esta es las veces en las que se va a dividir el rango
anterior
inRange: {
color: ['#d94e5d', '#eac736', '#50a3ba'].reverse() //Se saca el
rango de los colores para hacer el efecto de degradación
},
textStyle: {
color: '#fff' //Color del texto de los rangos
}
},
//Se configura el mapa que va a utilizar, en este caso es el que se
registro en ./js/maps/mexico.js
geo: {
map: 'mexmunicipios', //El nombre con el que se registro el mapa
zoom: 0.5, //Zoom inicial al mapa
// center: [-100.98561551896913, 23.205000490896193],
label: {
emphasis: {
show: true //Este es para mostrar el título de la región sobre
la que se pasa el cursor
}
},
roam: true, //Es para permitir que se pueda navegar o hacer zoom en el
mapa
itemStyle: {
normal: {
areaColor: '#323c48',
borderColor: '#111' //Este es el color del borde de cada una de
las regiones
},
emphasis: {
areaColor: '#2a333d' //Este es para cambiar el color cuando se
pasa el cursor encima de alguna región
}
}
},
series: [{
name: 'AQI', //Nombre de la serie utilizado para mostrar información
sobre herramientas, actualizar datos y configuración con setOption.
type: 'heatmap', //Es el tipo de mapa que se va a mostrar,
coordinateSystem: 'geo', //El mapa de calor puede ser usado con dos
tipos de sistemas de coordenadas; geográficas y rectangulares
data: convertData([ //Se manda llamar la función convertData que es la
que entrega la matriz de los datos que se van a usar en la serie
{ name: "Jesus Maria", value: 400 },
{ name: "Rancho Medio Kilo", value: 500 },
{ name: "Calvillo", value: 1000 }
])
}]
};
```
### Other comments [其他信息]
<!-- For example: Screenshot or Online demo -->
0. Complete map.
1. Mouse hover.
2. Same name property.
3. GeoJSON to write the map
<!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] -->
[ Full content available at:
https://github.com/apache/incubator-echarts/issues/9166 ]
This message was relayed via gitbox.apache.org for devnull@infra.apache.org
