[SOLUCIONADO] Creando image map

[efenix]

Buenas en primer lugar gracias por leer mi problema.

estoy haciendo un image map dinamico con javascript y jquery, con el document.write(); dibujo el mapa con datos de la base de datos (coordenadas, nombres para las areas, etc), y todo anda perfecto, utilizo el codigo de esta pagina
http://www.outsharked.com/imagemapst...spx?demos.html por cierto, si alguien lo ha utilizado,
el mapa me funciona perfecto, pero lo que quiero lograr es en la parte donde se ponen las propiedades de cada area, hacerlo de forma dinamica y no de uno en uno porque como genero las areas con datos de una base de datos y pueden ser miles de areas, ademas de que el numero siempre es variable
esta es la parte:

areas: [
{
key: 'TX',
selected: true
},
{
key: 'ME',
selected: true
},
{
key: 'WA',
staticState: false
},
{
key: 'OR',
isSelectable: false
}]

es parecido a un switch y yo necesito es hacerlo de una sola vez.

[caricatos]

Hola:

document.write() solo puede usarse al cargarse la página, ya que con la página cargada, se "carga" el contenido si se usa... la opción es el DOM... las áreas se crean con createElement...

Saludos

[efenix]

Bueno lo resolvi de la suguiente manera:
en la parte de "default_options" del codigo de la pagina que menciona mas arribatiene una propiedad u opcion llamada "onGetList" con la que se puede llamar a una funcion donde puedo hacer lo que necesito quedaria mas o menos asi:

Código Javascript:

onGetList: llenarareas  //(dentro de dafeult options)
 
function llenarareas(items) {
            var item, selected, area, valor, color;
            for (var i = 0; i < items.length; i++) {
 
                area = document.getElementById(items[i].key);
               
                $usamap.mapster('set_options', {
                    areas: [{
                        key: items[i].key,
                        toolTip: area.getAttribute("tooltip"),// esto llama la propiedad "tooltip" que le agregue a la etiqeta de cada area, junto con las propiedades id, coordenadas, etc...
 
                        render_select: {
                            fill: true,
                            fillColor: 'ff0000'
                        }
                    }]
                });
 
            }
        }
 

por si le sirve a alguien mas