Pirate Maps Source

Posted on by

Pirate Map

Well, that took me longer to get around to than I expected :)

Please feel free to download the source for the pirate skin of the Yahoo! Maps API. The zip contains the map FLA/SWF, the relevant class files, and the FLA/SWF for a custom marker. This is a little more robust than the example I posted a few months ago. I refined the graphics a bit, but also included a search box that gets X to mark the spot. :)

A couple notes about the file:

Classes:

  • Pirate Map: This is the main application class, and it is attached to the single movie clip on the stage when you open the main FLA. It manages the skin, and listens to the child elements to implement the search and zooming results.
  • MapZoom: This manages the internal function of the spyglass and is pretty specific to the spy glass approach to zooming. The actual value to zoom to is broadcast out to listeners so that the application can decide what to do with it.
  • YLocationSearch: This class manages a textfield, button and load indicator (along with the various success/error events) for searching for a location. search requests are broadcast out so the application can decide what to do.

Skin filters and Color Transformations:
Off to the right of the stage in the Pirate Map movie clip there is a broken apart vector image of a map. All of the filters that I want to apply to the dynamic map are actually applied to this colorTester movie and then programmaticly copied to the map by the PirateMap class in the applyFilters function.

By setting it up this way, I can see the filters and adjust them as a designer but take advantage of them as a developer. I always hate writing out code for doing setTransform and for filters. I almost never just write them anyways, I would apply them to a symbol, write down the values and then fill out the code. now I’m just saving a step and making the design step a lot easier too.

38 thoughts on “Pirate Maps Source”

  1. Pingback: Justin’s Rich Media Blog » Radar Maps Source

  2. Pingback: Flashforward Blog » Blog Archive » DIY Pirate Map and more…

  3. Pingback: Justin’s Rich Media Blog » Maps that are Consistent with YOUR design

  4. At first i was under the impression that the mapping UI from zillow.com was created out of the google map API. But when i look at your creation of flash and yahoo map API it looks more like zillow.com used yahoo map API. Do you know whether zillow.com used the yahoo api?

    And also, i want to use my own satellite images. I can do that with google map API. Can i also use my own satellite images with yahoo’s mapping API?

    I appreciate any help.

    Thanks,
    Emile

  6. Pingback: Custom Mapping: Flash 8 and Yahoo! Maps at Better Web Posse

  8. Any chance you could do a full tutorial on how you did this? Have just discovered the Yahoo Maps Flash API and would love to know more about how to manipulate it in similar ways to how you have. Its a fantastic idea.

  10. I think these blog is really useful for new comers and Excellent resource list.
    It´s a very interesting Blog and simple answer of many questions.
    Keep up the good work!
    Thanks it helps me a lot…

  13. Thanks for very interesting article. btw. I really enjoyed reading all of your posts. It’s interesting to read ideas, and observations from someone else’s point of view… makes you think more. So please keep up the great work. Greetings

  15. Hey Justin – wildly awesome! Very nice application! Any chance you’ve played around with the Google Maps API? I would love to see if this can be applied to Google. Any thoughts are greatly appreciated!

    Thanks and keep the innovations coming!!

  16. Latest posts February 7, 2006: Radar Maps Source February 6, 2006: Pirate Maps Source January 31, 2006: Flash for the Gaming Industry

  20. Sounds like a good show, hope Sebastian found his crankyness again. He`s been slipping off the scale lately so Johns had to pick up the pace,and we all know he can do that very well. Great work!!!!.

  23. I think these blog is really useful for new comers and Excellent resource list.
    It´s a very interesting Blog and simple answer of many questions.
    Keep up the good work!
    Thanks it helps me a lot…

  29. By the way, Jeremiah, double-clicking on a word is supposed to select that word. And if you don’t let go after the second click, you can drag to select the whole sentence or paragraph. It’s very handy when you copy and paste a lot.

  34. I think these blog is really useful for new comers and Excellent resource list.
    It´s a very interesting Blog and simple answer of many questions.
    Keep up the good work!
    Thanks it helps me a lot…