1 Correct answer
When I ask File : Import : Import to the Library, then select your Map-only.ai file, I get this dialog box :
Enregistrer
27
Replies
I have no experience with Illustrator 
, but I know that Illustrator and Animate are good companion tools.Illustrator can export SWF. And Animate can import AI files with a bunch of import settings.
Could you export two vector outlines (AI files) : one for the USA map and another for one of the US states. I could reimport them in an Animate CC project and set up the layers and build the first button symbol, so you could get into the saddle 
Enregistrer
A quick recipe of the attached Animate CC file (https://app.box.com/s/uh5dck734yycbj4vatwwkgov1rppwzt4) :
1) File > Import : select the AI file
Two warnings :
- CMJN not handled by Animate : use RVB
- Blend modes not handled
I can't judge if the graphics is visually deteriorated. May be you should try exporting SWF from Illustrator ?
When importing the US map, I cheked an option saying something like Give the scene the dimensions of the Illustrator canvas. Maybe a 1920 x 1535 scene is not a good idea ? Choose the good dimensions before working too much, as you will loose part of your work if you change the dimensions afterwards !
The US map on a layer. The Texas outline on another layer.
2) A state's outline being selected on stage : Modify > Convert to symbol
Choose the type Button.
• Double-clic the symbol in the Library
Insert > Empty keyframe
As a novice, one of the first concepts you need to grab in Animate are frame, keyframe and empty frame (Insert > Timeline > Frame | Keyframe | Empty keyframe, keyboard shortcuts respectively F5, F6, F7).
Buttons have a special timeline with four prelabelled images
- Up : the normal appearance
- Over : the appearance when hovered over
- Down : the appearance when clicked (you don't need it)
- The hot area (which triggers the rollover effect) when it's different frome the base outline (you don't need it)
Select the second frame Over :
- Select the stroke and change its color
- Select the fill and change its color
That's it : without any more code, your rollover effect is working.
3) You need code to load the corresponding PDF when the button is clicked. A layer is dedicated to code (and locked to avoid putting anything else on it).
To attach code to the button (symbol name btn_texas), you need to give a name to the symbol instance. Select it on stage, then name it texas in the Property panel :
Then, in the Actions panel, frame 1 being selected in layer code : the event listener is attached to the object named texas.
You can find code snippets to adapt via a button top right (with angle brackets as icon). Choose the HTML 5 canvas section, then the Actions section and the Go to web page snippet :
Sure I forgot important keys, but that's a starter kit and you can explore, understand the logic… and go back with questions 
When I ask File : Import : Import to the Library, then select your Map-only.ai file, I get this dialog box :
Enregistrer
Update, ok, so I know that I need to be able to change the color on the up/over/down/hit before I add the code snippet for the url. I can do this when I just draw a circle, but it's not letting me change the color/stroke/transparency for this symbol?
ok, I changed the drop down to button instead of movie clip. But when I'm on the button, on UP or OVER I only see where I can change the transparency, I don't see where I can change the color on just that 1 instance. But if I double click the shape then it is selected as if it were a vector image in illustrator (right around the image) and I can change the color there, BUT the UP and OVER in the time line is gone at that point so I'm just changing the color for the whole thing. I guess I don't understand the break apart thing - I would like to be able to control not just the transparency but also the color separately on the UP and the OVER if that makes sense
acobbcarthagemills a écrit
if I change the name of the folder where this project is saved, will it screw everything up (are there multiple paths that will become invalid?)?
It's very usual that your working local folder and the distant folder on the server have different names. The only thing that matters is that all the needed files are present in the server folder – and preferably only the needed files 
acobbcarthagemills a écrit
I would like to be able to control […] the color separately on the UP and the OVER if that makes sense
One important thing to grasp – as it's different from Illustrator, as far as I know – is that in Animate there are in fact two vector outlines for a given shape : one for the stroke, and another one for the fill. On the following picture, they have been separated :
Hence to change the color on the Up state, you have two different tools : one for the stroke, and another one for the fill.
Good luck ! It's midnight in France : read you tomorrow 🙂
Enregistrer
Thanks! How do I make the entire html finished product centered on the web page? Is there a way to do it in animate or do I need to mess with the html code after publishing?
Working at midnight in France huh? That's dedication LOL I was sleeping at midnight here
see, looks good and works on my computer, just not when I upload it to my site. what step am i missing?
Never mind! I figured out if I put the WHOLE FOLDER online then open the html file from that directory, it's good! Here's a link to my progress. just 48 more states to go
AdChoices