Conversion of Flash maps to SVG

Ce projet a reçu 29 des offres venant de freelancers talentueux avec un prix moyen d'offre de $547 USD.

Obtenez des devis gratuits pour des projets similaires
Budget du projet
$250 - $750 USD
Nombre total d'offres
Description du projet

I have three (3) small interactive Flash maps that I need to gave converted to SVG.

The current Flash maps can be seen at [url removed, login to view] You can flip between the three maps by clicking the highlighted toolbar above the maps.

The converted SVG maps must be delivered according to the following specifications:

- The width and height must be identical to the existing Flash maps, and the maps should generally be the same as the maps as currently displayed -- including borders, labels, and call-outs for states that are too small to consistently click.

- The Canada map requires grouping of multiple provinces, so the ability to group multiple jurisdictions and interact with them as one entity is a requirement.

- The maps should be selectable with any pointer device: both mouse and touch screen.

- Mouse support should include the same hover effects as the current maps, and both mouse and touch screen should flash the color to indicate a click has taken place.

- Individual states and countries within the maps allow enable/disable support (like the current maps).

- Colors should be global and easy to reconfigure without changing each individual jurisdiction.

- The opening animation in the current Flash maps can be discarded.

- The sound effect that currently plays when an item is clicked can be discarded.

- I would like to have the background converted from the current maps, and I would also like the ability to later change out the background if I wish.

- All three maps should be able to be swapped in and out of display without resorting to embedded iframes, if possible. (Just like the current Flash maps.)

- The SVG code must be delivered in a readable manner that can be easily modified. Reasonable steps should be made to ensure the SVG code and paths are not too complex, so that code size is reasonable and performance does not suffer, even on slower phones, tablets, or computers.

- The only technologies that should be employed should be SVG, CSS, and JavaScript. The deliverable needs to include an HTML page that mimics the basic layout and funtionality of the page that hosts the current Flash maps (see link above) and demonstrates changing the selection between the three maps. (It does not have to include all elements of the page; only the elements that pertain to the maps and their selection are required.)

I can supply the original Flash files for the current maps, which should provide a very big leg-up on the conversion.

The SVG must be compatible and work properly in IE9 and up, as well as all the other popular modern browsers (Edge, Chrome, Firefox, Safari, and Opera).

Although the delivered code should display the SVG maps in exactly the same dimensions as the current Flash maps, the code should also be shown to be properly scalable to different dimensions using the same height/width ratio. i.e., it must be shown to be resizable even in IE9, which according to [url removed, login to view] will require height, width, viewBox, and CSS rules to work around some limitations in that browser.

Compétences requises

Vous cherchez à gagner de l'argent ?

  • Fixez votre budget et les délais
  • Décrivez votre offre
  • Faites-vous payer pour votre travail

Embauchez des Freelancers qui ont aussi fait une offre sur ce projet

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online