Replicating The Google Maps iPhone App



    Update: So it turns out that the version of the Google Maps API which you need to make the pins "drop" (v2.123) is not compatible with the custom infowindow stript. Now that the iPhone SDK 3.0 is in the wild and allows for embedded maps, I guess this project will go byby. It was fun while it lasted.


    As with most of my projects, this is a mish-mash (if thats not a word, it is now) of a ton of random scripts and copy/pasted code from all over the internets. I don't actually know Javascript so this is how I make due.

    This map works exactly as expected in FF & Safari, but for the time being I cant get the info windows to display when viewing the map on the iPhone. I am guessing the reason for this is the improper formatting of my code. I have gotten the info windows to display properly on the iPhone before, everything got bugged out when I added the the ability to grab the markers from an xml file. Anyway, here is what we need to do:

    1) Clean up the code
    Since I dont exactly know what im doing I think some of these functions are trying to do the same things and interfering with one another. Cleaning this up is priority #1.

    2) This needs to work on the iPhone
    If #1 does not get this working on the iPhone then we need to get it working. As of currently everything works on the iPhone except for the infoWindow that hovers above the pins when clicked (or touched). View the map on your iphone here: http://www.brainbackup.net/google-maps/iPhone/

    3) Displaying the Title in the info window
    We need to pull the title tags from the XML and display them in the info window. We are already pulling the lat/long so im sure it can be done.

    That is all for now, but as with most projects I am sure my To-Do list will grow. Below are links to the libraries/tutorials I used as well as a link to download the most recent source-code. Thanks for your help!

    How to make custom markers >>
    The custom Info Window Library >>
    Make Pins Fall From The Sky >>


    Download The Source Code

    Get notified next time I post. Three ways to subscribe:
    RSS Email Twitter

    © 2009 BrainBackup.net | All Rights Reserved.