jQuery is a JavaScript library designed to simplify the client-side scripting of HTML. Over the years a number of JQuery demos and plugins have been developed to help you create Google Maps for your website. Here is a quick round-up of some of the best jQuery and Google Maps implementations:
Google Maps Slider
This nice Google Maps demo applies a mouseover event to a map sidebar. When you mouseover a listing in the sidebar the map pans to the selected location.
JQuery & Google Maps Tutorial
This is a great tutorial about how map developers can use JQuery to create custom Google Maps. I particularly like Step 7. of the tutorial which shows you how to replace the default information window in the Google Maps API with a custom information window.
Rotating Map Demo
Chris Heilmann has created his own rotating map demo using CSS3 and jQuery.
Use the 'L' and 'R' keys to rotate the map. Also try and pan the map for a little added fun.
Chris has posted a brief explanation on his blog Wait Till I Come! that will help you if you would like to replicate this effect in your own maps.
Google Maps Google Maps jQuery Plugin V1.01
Shawn Mayzes has created this jQuery Google Maps plugin. The plug-in includes a lot of features including custom map markers, geocoding and adding a Street View overlay.
imGoogleMaps 0.9 - Street View
imGoogleMaps is another jquery plugin with a full set of features. I have included it here because it is one of the few jQuery plugins that allow you to display Street View and a Street View control.
If you want to explore more jquery plugins Drag & Drop has a nice post, 10 jQuery Plugins for Easier Google Map Installation.
________________
Tuesday, November 9, 2010
Subscribe to:
Post Comments (Atom)
Blog Archive
-
▼
2010
(1206)
-
▼
November
(84)
- Local Listings on Google Maps
- Campus Travel on Google Maps
- The Beer Lovers Android Application
- Touring Australia with Google Maps
- Foursquare Location Updates on Google Maps
- Limp Bizkit Videos on Google Maps
- Nature Spotting with Google Maps
- Webcams on Google Maps
- UK Jobs on Google Maps
- Kayaking Around New Zealand
- Plane Crash on Google Maps
- The Sally Army on Google Maps
- More Local Problems with Google Maps
- Google Map of Korean Incidents
- Report Local Problems with Google Maps
- Visualise GPS Tracks with Google Maps
- Google Maps Tutorials
- Mapping the Recovery Act
- UKSnow Map Back in Action
- Danish Google Maps Mashups Roundup
- Google Maps Encourage Serendipity
- Bahamas Nautical Charts on Google Maps
- Tag Google Maps
- Black Friday Deals on Google Maps
- Find Historical Buildings on Google Maps
- Find Your Neighbours with Google Maps
- Amsterdam Coffee Shops on Google Maps
- Toronto Video Guide on Google Maps
- Gothic France on Google Maps
- Google Map of Tourist Attractions
- The Hitchhikers Guide on Google Maps
- Guess the Street View Location
- More Fusion Tables Spatial Queries
- Real-Time Edits to Google Maps
- Track Your C##p With Google Maps
- Real-Time German Buses Map
- Fusion Tables
- Street View Expands in Germany
- It's Street View but Is it Art?
- Skiing with Google Maps
- Google Hotpot
- Facebook Events with Google Maps
- Foursquare Check-ins on Google Maps
- Recording Your Tracks with Google Maps
- It Gets Better with Google Maps
- Friday Fun with Google Maps Mania
- Live Auctions with Google Maps
- Real-time Alerts with Google Maps
- Film Locations on Google Maps
- Spatial Queries Added to Fusion Tables!
- Canada's Afghan War Dead on Google Maps
- New Orleans Cycling on Google Maps
- Local Reviews on Google Maps
- New Aerial Imagery Released
- jQuery and Google Maps
- All Australian Life on Google Maps
- Houston's Culture on Google Maps
- Prison of War Camps on Google Maps
- Finding Red M&M's with Google Maps
- Virtual Tours with Google Maps
- Remembering WWII with Google Maps
- Turkey Google Maps Mashups Round-Up
- News Timelines on Google Maps
- Jet Skiing to Nicaragua on Google Maps
- Street View used in Game Trailer -Updated
- Find a Taxi with Google Maps
- Floor-Plans with Google Maps
- Tokyo Shopping on Google Maps
- Dangerous Companies on Google Maps
- Google Map of Your Twitter Followers
- Using Styled Maps with the Static Maps API
- Styled Static Maps Launches
- Find an Apartment with Google Maps
- Guess the Photo with Google Maps
- Google Map of London Coffee Houses
- Overheard in New York on Google Maps
- Create Your Own Google Maps
- The New York Marathon on Google Maps
- Street View Germany - Part 2
- First German Street View Animation
- Street View Arrives in Germany - Updated
- Travel Times on Google Maps
- Voting Help from Google Maps
- Louisiana Planning on Google Maps
-
▼
November
(84)
0 comments:
Post a Comment