Integrating Maps into Your Java Web Application with Google Maps and Ajax
- 128 Google Developer Videos
- New YouTube API Coming Soon
- Google Buys Mashup
- AJAX Feed API: Blogroll and Slideshow Controls
- YouTube API Blog Launches
- Google AJAX Feed API
- Google announces new AJAX Feed API
- Google Developer Day
- The Value of Google Gadgets
- Google Apps: Integrate and Extend
- Google Apps - Premier Edition
- New Google Notebook API
- Fixing web-based products through design
- Wikipedia is right about nofollow
- GCalendar: Accessing Google Calendar from JavaScript
- GWT Compilation Details
- Goodbye Google SOAP API
- Googles Rounded Corner Generator
- Google Web Toolkit 1.3: Open Source
- Testable Ajax Seminar
- htmlPlayground: GWT based reference guide
- Google Coop: Vertical Searching
- Google Gadgets for your site
- Tracking Ajax Requests in Analytics
- Google buys YouTube, internet wonders why
- SearchMash: Googles playpen
- Yahoo! Browser-Based Authentication
- Google Reader Fresh Look
- Writely Getting Tightly
- Google Image Labeler: Collaborative Tagging Game
- GWT + JSF = G4jsf
- Google Pitching Services to Small and Medium Sized Businesses
- Is Google Still The Ajax King?
- Univillage Launches UK Facebook
- Don’t be afraid of Google
- Burrp Launches Social Reviews Site Today
- Blogger Releases New Beta Version
- Interview: Google’s Bruce Johnson on the new GWT 1.1 Release
- Real Time Satellite Tracking (with Google Maps)
- CEO Blogging at WordCamp 2006
- AOL Video Is Live - and it’s BIG!
- MenuTree Serves Up Take-Out 2.0
- YouTube Is Not For Sale
- GPokr: Ajax Poker App
- Dabble Searches YouTube, MySpace Video, Metacafe and More
- Google Paint
- PayPerPost: Right or Wrong?
- IntelliJ IDEA Google Web Toolkit Support
- Google Checkout
- Web 2.0 Opinions - Oh How They Differ
- Small Business & Web 2.0 Marketing
- Visible.net: New Web 2.0 Ecommerce Shopping Cart Company
- Apple(s), not oranges
- Top-down web product design
- Bitjuice: JavaScript Bitmap API
- Implementing a syntax-higlighting JavaScript editor in JavaScript
- fValidator: Unobtrusive javascript tool for easy handling form validation
- Event.observeMethod: More AOP for JavaScript
- Chat Infection: Embed Web Chat
- jQuery Roundup: Rails, Wordpress, and new plugins
- 7 Java Resources for Mashups
- Realestateplus launches
- An ode to desktop app experiences
- Communities, the blogosphere and conduct
- Adobe’s Apollo public Alpha is out
- Sun Web Developer Pack
- GvaScript
- Hitting the bars: Blog and News bars
- Current Concerns with Ajax
- Prototype 1.5.1 release candidate released
- Ext 1.0 for jQuery Appoaches
- Currying in JavaScript
- Yahoo! wins in mapping user experience
- Thoughts on the Open Ajax Alliance
- Dynamic Right Click Context Menu
- PQuery - PHP and jQuery
- ClassAnim & HoverHijax: Keeping Presentation out of Your JavaScript
- Tips on working with remote teams
- It’s time for OpenID
- Automated JavaScript Vertical Flip Image Reflection
- Adobe asks Ajaxians to beta test Apollo
- YUI Version 2.2.0 Released
- Finally someone breaks a few DEMO bones
- SoundManager 2: A Sound API for JavaScript
- OAT: OpenAjax Alliance Compliant Toolkit
- Fun with browsers: for in loop
- Zooomr Popup Icons
- Image Thumbnail Viewer
- JDA Emulator: Spring for JavaScript
- MkeMne:). Make Money.
- PHP for Microsoft Ajax Library
- Microsoft announces the ASP.NET Ajax 1.0 Release
- WHATWG Web Forms 2.0 Repetition Model Implementation
- Jakob Nielsen on intranets and hype
- iPhone, on the thin line between love and hate
- O bubble, where art thou?
- Microsoft IE JavaScript Perf. Tips, Part Trois
- Dishola: Web 2.0 Restaurant Guide
- eCirkit: More social networking
- ExpressionEngine Ajax Resources
- Create your own Webtop in PHP and JavaScript
- jsFlickrSlideshow: Sliding through Flickr
- Predictions: Ajax in 2007
- TagBulb: Tag Search Simplified
- Porting Prototype Enumerable functions to Mootools Array objects
- Apollo is seriously cool
- Backbutton Overloading
- JavaScript Variable Dump in Coldfusion
- Free Ajax Ringtone Maker
- Using CNAMES to get around browser connection limits
- jQuery updates: 1.0.4, documentation, and people
- OpenKM: Ajax Document Management System
- Ajax Cookbook: Helpful JavaScript tips
- Phobos and Dojo
- Tweebox 1.0: Browser based choose-your-own-adventures
- Bill Gates on Web Apps
- Gaming industry 2.0
- Building a Fish Eye Menu
- Le Web 3 fails, politicians and organization to blame
- tooltip.js version 0.2
- ThinWire 1.2 RC 1 Released
- MooTools for the Rest of Us
- Drawling lines in JavaScript
- Miro: light-weight JavaScript rendering engine
- Why most startups suck - on doing better through design
- DOMTool: Given HTML generate DOM methods
- Black Background Technique
- Goplan updates
- Is Converging Towards the Desktop Good?
- MochiKit.Animator: New Animation in MochiKit
- DOM events in the Microsoft Ajax Library formerly known as Atlas
- Web Design is 95% Typography
- moo.fx 2.0: a whole new mooing
- Why the “online office” won’t work for now
- Amberjack: JavaScript Site Tour Creator
- Projax: PHP Generators for Prototype and Script.aculo.us
- SSLBridge: Ajax Samba Client
- Death of the Desktop by Aza Raskin
- JSONRequest Proposal
- Practical Design in Ajax by Sarah Nelson and David Verba
- Clorox - Shared Memory Abstraction for AJAX Applications
- On clever experiences
- Widgets, or the Blog as christmas tree
- Graft: Making Javascript DOM a Piece of Cake
- Benchmark: DOM vs. innerHTML
- YUI: Setting the record on library file size
- Flapjax: Functional JavaScript
- Mootools Accordian Tutorial
- Smooth Slideshow 2.0
- Detecting IE7+ in JavaScript
- The State Of Web Development - Ajax set to surpass Flash in ‘07
- “Don’t Waste Time” with Graphical Ajax Solutions
- Dynamic Graphics in the Browser
- Web 2.0 eCommerce - It's What Shoppers Want
- The Dangers of Cross-Domain Ajax with Flash
- Transcorners: Because you are obsessed with rounded corners
- COMET with PHP
- bytefx: simple effects
- Lessons in JavaScript Performance Optimization
- Dojo Spreadsheet Widget
- Transparent custom corners and borders, version 2
- Transparent Messages in JavaScript
- Full RSS feeds - I was serious the last time, too.
- Ajaxium 2.0: ASP.NET Ajax Container
- Watching Your Words
- 2020 Internet Vision
- Behr: Rich Color Choosing
- Intra-iframe Message Passing
- Man Bites Mainstream Media
- Top 8 Ajax evaluation criteria
- UPS Begins Talks with Teamsters
- CDW, Welcome to the Fast Five
- OPML Icon Project
- Good Looking Deal Hunting
- More Lists; Less Thinking
- AJAX MVC (so to speak)
- Launching web-applications quietly
- Advertising Beyond the Web: Heavyhitters take to TV
- NewsGator Desktop Sync for IE7 and Vista
- Objectifying JavaScript
- Usability Report Card
- The beauty in (user) experience
- MS Live.com: Ajax Image Search
- Microsoft JavaScript Perf. Tips
- Lighter Fare: Craigslist eCommerce
- Eliminating async Javascript callbacks by preprocessing
- Ajax-based PHP Grid Acquired, Soon to Open Source
- "Atlas" 1.0 Naming and Roadmap
- JavaScript Closures for Dummies
- Keep Your Customers Updated with RSS Feeds
- Ajax IE Caching Issue
- Dramatically improved IE7 JavaScript performance
- Scope in Javascript
- TIBCO GI Supports Firefox
- Web Development Tools for the Power Developer
- MooTools Released
- Stop using the “beta” label
- Goplan is on, invites are out
- Web 2.0 and the necessity of failure
- AJAX-based One-Page Checkout: Video
- Why Ajax?
- Facebook Gets Egg on its Face, Changes News Feed Feature
- ChosenVIP to Launch Exclusive Social Networking Site
- Breaking: Xanga Fined $1 Million For Violating Children’s Privacy
- vSocial Gets Funding for More Video-Sharing
- Treemo Launches - YouTube Plus Photobucket on Your Phone
- Faketown 2.0 - The Next Habbo Hotel?
- Wink 2.0 Launches, Becomes a Social Network
- Crowdstorm and Dovetail.tv Launch Today
- From Barcamp to Shift
- Rojo Acquired by SixApart
- The Facebook Backlash Begins
- Motionbox Gets Funded
- JavaScript Throbber
- Soapbox’s Social Network For Reviews
- Apocalypse 2.0 - A New Era of Fragmentation
- YouTube IPO?
- HyperScope: From the past to the future
- Multiply to Announce Social Bookmarking Tool
- Bridging Java Swing with Ajax
- Dojo’s Deferred API
- Politicians Come To Facebook for Election 2006
- Beginning Ajax with ASP.NET
- Tagged Rolls Out New Features
- JavaScript Persistent Object Notation (JSPON)
- Pageviews are Obsolete
- Blog It with WLW from Firefox
- BookMooch’s Social Network for Book Lovers
- Webshots Reloaded
- MySpace Audio Comments from MyChingo
- Hotspottin Launches Social Network For Hotspots
- More Developers Are Using AJAX in Emerging Markets Than in North America
- Kaboodle Gets Widgetized!
- Vdiddy Aggregates YouTube, Metacafe, MySpace Video
- Geek in the Park
- TechCrunch UK
- Corporate collaboration software
- The Future of Netvibes
- jQuery 1.0 Released
- Profiling and Optimising Ajax Applications
- FilteringTable dojo Widget
- Windows Live Writer Plugins
- Lightbox using iFrames instead of AJAX
- If blogging is a conversation
- Facebook Ads, Powered by Microsoft
- Grouper Acquired by Sony For $65 Million in Cash
- Zero Kode, Visual Designer for ZK
- Facebook Notes - Facebook Adds Blogs
- Paris Hilton Videos Now on YouTube
- Traineo Launches Social Network for Weight Loss
- CrazyEgg Launches
- ThisNext Launches Shopping Social Network
- AmateurIllustrator Takes on DeviantArt
- Feedpass Takes Aim at MySpace Blogs
- Friendster Makes Friends with $10 Million
- Ajax Login with Acegi
- BattleOut Puts Photos Head-to-Head
- Photobucket Raises Millions More
- Twango is YouTube for Everything
- Ask.com’s Binoculars - Help or Hinderace?
- Nick Lachey’s Celebrity Social Network - Flop or YFly?
- YouTube To Host Music Videos
- Takkle - Social Network For High School Sports
- BlueOrganizer - a Fresh Look, and Codes for MySpace
- Kiko for Sale on eBay For $50,000
- MySpace Video vs YouTube - Who’s Winning?
- Trailfire Launches Advanced Social Bookmarking Tool
- Survey of Javascript Inheritance Techniques
- Windows Live Writer (Beta)
- Ajaxitagging
- Kevo Launches - Wikipedia Meets Paris Hilton
- Introducing LaCo (or AJAX for the non-programmer)
- Drawing the line on picking clients
- Unobtrusive Javascript and Ajax for Rails
- Adding AJAX to a Website step by step, Part II
- TypePad Launches TypePad Mobile
- JavaScript Tricks And Good Programming Style
- SXSW Panel Picker
- Cross-Domain Ajax Insecurity
- Crowdstorm - Social Networking Meets Shopping
- Adding AJAX to a website step by step
- How to Design a large AJAX Application
- RSS Etiquette
- TripHub Launches Group Travel Site
- Adoppt - Another Generic Social Network
- Fanpop Launches Social Network for Fans
- JavaScript Model-View-Controller with Dojo toolkit
- Cross Domain XMLHttpRequest
- Can Your Programming Language Do This? Javascript Can.
- Del.icio.us Adds Network Badges - Now Officially a Social Network
- The Dangers of Browser Detect
- How To Load And Parse XML Data Without ActiveX
- What’s So Special About Ajax?
- FlickrMap V2 Released - Put Flickr Maps on Your Blog
- What we think of Web 2.0
- 30Boxes Releases the822, a New People Search Engine
- Too Much AJAX?
- CREAMaid One-Ups PayPerPost
- Windows Live Spaces Goes Live, Succeeds MSN Spaces
- Web 2.0: Why Tufte is wrong
- Yahoo! yodels
- Web 2.0 desktop-style apps: Why no local drafts?
- Build an RSS Feed Reader using Ajax and PHP
- One month to Barcamp Portugal!
- PHPClasses.org Ajax Upgrade
- ClipShack Owner Gets $2M
- Look Out Dell - Sutori is Coming
- Hosting providers, meet reality check
- Eons Launches - You Have 5 Unread Death Alerts
- YouTube Now “More Popular” than MySpace
- Make your own kind of music at SingShot
- CSS: The Tech Ajax Forgot
- Gmail and content findability
- Reading on a screen is a lousy experience
- WeatherBug Launches YouTube for Weather
- CNN Exchange - CNN’s Answer to YouTube
- Cooqy Brings eBay to MySpace - and Finds a Workaround to the MySpace Update?
- Hating Web 2.0: Privacy vs. Convenience
- SingShot Launches the YouTube of Karaoke
- Creating an Ajax Login Page with Dojo/Zend Framework
- SpyMedia 2.0 Launches - Sell Your Photos on Blogs and MySpace
- Aptana: New Web IDE in Beta
- MySpace Screws Up Again: Accounts Being Deleted?
- Is Ajax development slowing down?
- Snapvine Adds Voice Comments To MySpace
- Cross-site Ajax (from OSCON 2006)
- Prototypify: Running Prototype code with legacy code
- Ajax and the Spring Framework with TIBCO General Interface
- Pains of document.domain in FireFox 1.5
- Cyworld US is Live
- Slate Reddit Released
- Javascript Boot Camp Tutorial
- Snocap Launches Linx - Napster Founder Selling Unprotected MP3s on MySpace
- Meebo IM Now in Netvibes
- Netscape Hacked
- SayNow Adds Mobile Shoutouts To MySpace Music
- SportsMates Launches - Sports Themed MySpace
- Sneakerplay’s Sneaker-Based Social Network
- Planning an Ajax Boot Camp
- Nokia and Backbase cooperate on Mobile AJAX
- Facebook Giving Away Free iTunes Music
- Otavo Launches - Yahoo Answers, Friendster and del.ici.ous Rolled into One
- Goplan updates
- Rediscovering Flyweight for Javascript
- Mike Potter Builds a Flash-y Ajax Site
- Stylehive Gets Funding
- ImageKind Launches - CafePress for Wall Art
- Link Thumbnail: Photo Mouse Over
- Biggest AJAX problem
- Breaking User Interfaces for Fun and Profit
- Nextcat - MySpace For Entertainment
- Diigo Launches, Nobody Cares
- Socialtext Open Launches - Commercial Open Source Wiki
- TeamSugar Launches Social Network for Women
- Folkd is a Half-Decent Digg Clone (Finally)
- Web 2.0 Ecommerce
- Gotuit - YouTube for Premium Content?
- Safari: Browser.Back + Ajax
- Technorati Turns Three, Releases Major Update
- Advanced Box Model Testing
- XN Test: The next Unit Testing project?
- XMLHttpRequest Quirks and PHP
- MySpace Goes Offline
- CSS Browser Selector
- A Java-based HTTP Proxy for Ajax
- Interview with Jakob Nielsen
- If you can’t build a community, buy one
- Declarative Ajax
- Json.NET 1.1: Converting between XML and JSON
- The Importance of Maintainable JavaScript
- Is AJAX Accessibility a major issue?
- AJAX pagination made simple (with Symfony)
- Free AJAX Training Course
- Stop trying to be Myspace
- Integration of Spry and PHP/MySQL
- Ajax as a Remedy for the Cacheability-Personalization Dilemma
- J2EE and AJAX: AJAX with Servlets
- Two Key Challenges for Ajax Adoption that We Have Ignored
- Adobe Spry and PHP/MySQL
- A Basic Approach to Server-side Data Validation with AJAX
- Go forth and API
- Tuesday Morning Roundup
- Ajax Activity Indicators
- MODx CMS - An Ajax/PHP Content System
- Web API authentication for mashups
- OPML Icon
- Explaining AJAX
- Echo2 Widget Panel
- Slightly ThickerBox
- JSON.NET
- Digg and the wisdom of crowds
- Json.NET: Library to help with .NET - JS communication
- uniAjax: an ajax framework focused on browser support
- Atlas June CTP
- Barcamp Portugal, more details
- Relay: Ajax File Manager
- Dojo Available in Ning Applications
- Private and Public Members in JavaScript
- JavaRef: Ajaxified JavaDoc
- Safari gets a Javascript debugger
- Interview with ZK Creator Tom Yeh
- Speeding up Prototype’s $$ Selector
- London Tube Route Finder
John Ferguson Smart has written a nice article on Integrating Maps into Your Java Web Application with Google Maps and Ajax.
The article focuses on the Google Maps API (the only server side piece is a simple Servlet), and takes you through learning the API, and then using more advanced techniques such as dynamic markers, and ondemand (via ajax) content inclusion:
function fetchDetails(id) {
var req = GXmlHttp.create();
req.open("GET", "/maps/SiteDirectory?id="+id, true);
req.onreadystatechange = getCallbackFunction(req, displayDetails);
req.send(null);
}function displayDetails(siteDetailsXML) {
// Get the root "site" element from the document
var site = siteDetailsXML.getElementsByTagName("site")[0];
var name = getNodeValue(site.getElementsByTagName("name")[0]);
var id = getNodeValue(site.getElementsByTagName("id")[0]);
var symbol = getNodeValue(siteDetailsXML.getElementsByTagName("symbol")[0]);
var website = getNodeValue(siteDetailsXML.getElementsByTagName("website")[0]);
var address = site.getElementsByTagName("address")[0]
var address1 = getNodeValue(siteDetailsXML.getElementsByTagName("line1")[0]);
var address2 = getNodeValue(siteDetailsXML.getElementsByTagName("line2")[0]);
var city = getNodeValue(siteDetailsXML.getElementsByTagName("city")[0]);
var postcode = getNodeValue(siteDetailsXML.getElementsByTagName("postcode")[0]);
marker = getMarker(id);
marker.showMapBlowup();
var html = '<span class="site-title-line">'
+ name + ' (' + symbol + ')'
+'</span>'
+ '<span class="site-details-line">'
+ address1
+'</span>'
+ '<span class="site-details-line">'
+ address2
+'</span>'
+ '<span class="site-details-line">'
+ city + ' ' + postcode
+'</span>'
+ '<span class="site-details-line">'
+ '<a xhref="' + website + '">' + website + '</a>'
+'</span>'
marker.openInfoWindowHtml(html);
}
