* September 4th, 2008 *
Google maps, with all the dragging and zooming and satellite view and all, is my mapping service of choice. Google offers an free API for their maps so you can integrate them right onto your site. Set you own default location, zoom level, widgetry. Even add your own markers with custom balloons. Remember though, if a map and directions are vital to your site, nothing beats some “plain English” directions.
Jimbo
September 4, 2008
[ permalink ]
Chris Reynolds
September 4, 2008
[ permalink ]
I used a method like this in a website I just did. I needed to include locations of music venues, but instead of listing them out in text, I just embedded Google maps into a custom background and added tabs for the locations.
Google maps really is a great tool, and it’s so easy to integrate.
Chris Coyier
September 4, 2008
[ permalink ]
Honestly I didn’t even realize you could embed them from My Maps so easily. That’s pretty cool. However, using the API does open up a lot more doors. For instance the custom content for the pointer balloons… Starting out this way leaves a lot more possibilities open for cooler stuff down the road =)
robotobi
September 5, 2008
[ permalink ]
hey.. thanks for that video.. just came in right ’cause i needed some map for a wordrpress based project. though i use a plugin there for googlemaps wich also allows to set the adress for your location and let the user enter theirs… just the way google maps works.
bad part of it is, in the backend, it trys to connect to maps.google on every single page. so i hoped to find a solution here in the video but then you were missing just that part. unlucky me.
but i’m checking out the plugin code and try to combine it with yours..
keep on with the videos.thanks.
Max | Design Shard
September 5, 2008
[ permalink ]
hi, i was working on a google map project but have yet to finish it, it takes google maps and pulls data from a mysql database, custom admin panel for adding and deleting markers etc allows users to add there own marker to the map and search, have a look if your interested link text
Its not finished and probably never will be so many great features that you can include when using the google map api. This post reminded me of it, good stuff.
Chris Coyier
September 5, 2008
[ permalink ]
That’s pretty kick ass Max! Looks like it’s pretty close to done already, you should finish it off and publish it!
Max | Design Shard
September 5, 2008
[ permalink ]
Haha thanks, yea quite close needs tweaking…maybe one day!
Juan Gotti
September 8, 2008
[ permalink ]
Hey Chris… Thanks for the video, it’s really amazing, but I found it after spending 4 hours reading the Google Maps API documentation hehe.
FYI doing some tests I realized it is possible to test it locally, just create an API Key for http://localhost and that’s it. Just need to make sure you change to the correct API Key before you upload it to the server.
Hope that helps, keep it up.
urbangrind
November 29, 2008
[ permalink ]
I have noticed a difference.
If you are using your account for the map that you are embedding in the clients site then there will be a reference to you being the last person to update the embedded map. To be honest I am going to try to get away with it on my most current project but this fact alone is enough to make Chris' post as useful as ever.
Thanks for the heads up on ready-to-embed though.
Or... browse the archives.
Script & Style is a community driven feed of links and exclusive tutorials to help you grow as a designer and developer. Got a great link? Submit it now!
Loading ...
Hi! Nice but why not create a map in my maps and use the ready-to-embed flash code that google gives us?
What is the difference?