¿Cómo cambiar las características seleccionadas al hacer clic en ellas en OpenLayers?

Question

Este es mi sitio web de prueba: http://www.cv.nctu.edu.tw/shapefile-js-openlayers/ol_simple.html

Este es el resultado que esperaba: http://www.cv.nctu.edu.tw/shapefile-js-openlayers/test.html

Quiero probar este efecto en OpenLayers.

Si la característica está seleccionada, hago clic de nuevo para deseleccionarla. Además, hacer clic fuera no debería deseleccionar la característica.

Lo he intentado todo el día. Por favor, ayúdenme a resolver este problema.

Answer 1

Ya casi está. En su archivo JavaScript ol_simple.js simplemente cambiar:

selectControl = new OpenLayers.Control.SelectFeature(GridshpLayer,{ multiple: true});

por:

selectControl = new OpenLayers.Control.SelectFeature(GridshpLayer,{ clickout: false, toggle: true, multiple: true});