BEA dev2dev Tech Days Location Viewer - Simple Google Maps Mashup Example

Author: Peter Laird, BEA Systems

This is a simple Hello World demo of an Ajax powered Google Maps mashup.
It is intentionally simple so it can be a starting point for your mashup project.
The code consists of a Javascript file that shows how to use technologies such
as the XMLHttpRequest, the GMap2 API, and the geocoder object.

Click here to read the tutorial that explains this demo in detail.		Click here to watch the video that shows this demo in action.

Using the Mashup:
Click on the button to view the list of cities where BEA dev2dev Tech Days will visit in 2007.
Then, click on a location to view the map of that venue.

Mashup Architecture:

Building the Mashup:
To see how this Mashup was built, view the following artifacts:

• View Source on this HTML page to see the div tags that are used to dynamically populate the content
• Navigate to Locations REST Service to see the output of the JSON service that returns the list of locations
• Navigate to Map Javascript to view the Javascript that powers the Mashup, including the Google code.
• Or download the files in a Zip file and follow the included instructions to deploy your own mashup.

Further Reading
Consult the following for more information about how Mashups and Web 2.0 can be applied to the enterprise:

• Companion Article to this demo that explains exactly how it was built
• BEA dev2dev Tech Days is coming to a city near you! Learn how to build your Mashups.
• BEA dev2dev is the leading site for enterprise developers
• WebLogic Portal Labs demonstrates why a Portal product is a great fit for your Mashup project.