Me gustaría agregar una imagen de superposición en un mapa de Google. La imagen es un archivo SVG que he generado (Python con SVGFig).

Estoy usando el siguiente código:

<code>if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(48.8, 2.4), 12);

    // ground overlay
    var boundaries = new GLatLngBounds(new GLatLng(48.283188032632829, 1.9675270369830129), new GLatLng(49.187215000000002, 2.7771877478303999));
    var oldmap = new GGroundOverlay("test.svg", boundaries);
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.addOverlay(oldmap);
}
</code>

Sorprendentemente, funciona con Safari 4, pero no funciona con Firefox (con Safari 3, el fondo no es transparente).

¿Alguien tiene una idea de cómo podría superponer un SVG?

PS1: leí algunas obras comoesta o el código fuente de swa.ethz.ch/googlemaps, pero parece que tienen que usar código JavaScript para analizar el SVG y agregar uno por uno todos los elementos (pero no entendí toda la fuente ...).

PS2: El SVG está compuesto por diferentes caminos y círculos rellenos, con transparencia. Si no hay una solución para superponer mi SVG, puedo usar 2 soluciones alternativas:

rasterizar el SVGConvertir los caminos y círculos en GPolygons.

Pero realmente no me gusta la primera solución debido a la mala calidad del mapa de bits y el tiempo para generarlo con antialiasing.

Y para la segunda solución, los arcos, elipsis y círculos deberán descomponerse en pequeñas polilíneas. Muchos de ellos serán necesarios para un buen resultado. Pero tengo alrededor de 3000 arcos y círculos para dibujar, así que ...