Mash-it-up Google Style Put your data on the Map.

Slides:



Advertisements
Similar presentations
WordPress Installation for Beginners Sheila Bergman
Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
XSL eXtensible Stylesheet Language. What is XSL? XSL is a language that allows one to describe a browser how to process an XML file. XSL can convert an.
XSL XSLT and XPath 11-Apr-17.
Paul H. Bern, Ph.D. Syracuse University IASSIST 2010 Conference Cornell University, Ithaca, NY June 5, 2010.
Integrating Access with the Web and with Other Programs.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Introduction to Ajax Professor Stephen K. Kwan MIS, College of Business San José State University Asynchronous.
1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.
AJAX (Asynchronous JavaScript and XML) Amit Jain CS 590 – Winter 2008.
Institute of Ambient Intelligence 2008, Choi, Nam-Seok, Dongseo Univ., Google Earth & Map API IAI GPS System
PART III – MAKING YOUR BLOG DYNAMIC Adding Polls, Video Bars, Feeds, News Reels, and Cluster Maps. Also, learn how to embed video, audio, and documents.
TM Getting Started with the Revit API Kristian Parsons Westfield Design & Construction.
+ RSS Aggregation and Syndication. + Really Simple Syndication (aka, Rich Site Summary) Image source:
The RSS Editor Programme: RSS_broker A.Annunziato, C. Best JRC Ispra
How do you locate your coordinates? How do you document the location? How do you map of the area so that the information is useful to you and others? Set.
An Introduction to ASP.NET Web Pages 2 Module 1: Webmatrix Installation and Your First Web Site Tom Perkins.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
Writing All Your Code In OpenEdge Architect Peter van Dam.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
BY LINDA MOHAISEN MIKE ZIELINSKI The Tree Census Project.
Drupal in Use at Duke Duke Web Services Office of Information Technology.
GIS 2096 Introduction to Web Mapping & The WWW Google Maps & Google Mashups.
Creating Your Own Website
Single Page Applications with AngluarJS Bill Wolff Rob Keiser
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Design for Senior Project December 05, 2007 Raytheon_Design_Review.ppt 1 of 19 Raytheon – Google Earth Roy Daniels, Marc Maciel, Rifina Pierre Department.
How do you locate your coordinates? How do you document the location? How do you map of the area so that the information is useful to you and others? Set.
Mashup Chris Harwood ( ). Original idea My first idea was to graph financial stock data onto a html5 canvas. This way I could plot the data and.
Cross Site Integration “mashups” cross site scripting.
Digital Filing A Simple Way to Digitally Centralize and Distribute Documents.
 Very specific, narrow focus  Google Maps API 1. Moved to LNO 2. Your view into SiteDB 1.Contact info, detailed site description, data links, site boundaries,
Google APIs Why Aren’t You Using Them? Jeff Blankenburg Project Engineer Quick Solutions, Inc.
How to Create a Document in Google Drive By Tressa Beckler.
Saving Form Data You can save form data in Google Spreadsheets using the following steps. 1.Create a Google Spreadsheet in your documents 2.Use Tools to.
TerraFly Project High Performance Database Research CenterHigh Performance Database Research Center NASA Regional Applications CenterNASA Regional Applications.
第四組 停車場搜尋系統 第四組 溫允中 陳欣暉 蕭積遠 李雅俐. 本週進度 phpsqlajax_dbinfo.php 放置資料庫連線資訊 - 無法另外做存取
MICROSOFT WORD TRAINING Lesson 4. Lesson 4: Formatting Paragraphs and Working with Styles When you type information into Microsoft Word, each time you.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
Creating Webpages. Today’s Topics Embed video Embed music More text formatting Wordpress.
1111 Creating HTML Programatically Objectives You will be able to Invoke C# code on the server from an ASP.NET page. Write C# code to create HTML.
XP New Perspectives on Microsoft Office Access 2003, Second Edition- Tutorial 8 1 Microsoft Office Access 2003 Tutorial 8 – Integrating Access with the.
Microsoft Access 4 Database Creation and Management.
第四組 停車場搜尋系統 第四組 溫允中 陳欣暉 蕭積遠 李雅俐. 本週進度 手機模擬器.
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Start your Free Weebly Site with a User Name, Password, and address.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
XML DOM Week 11 Web site:
1 Using the Google Maps JavaScript API. 2 The Google Maps APIs Permit web applications to use functionality of google maps. Documentation:
GIS, Maps & Mapping Mashups
Mapping for the interwebs
Introducing OS OpenSpace
Part III – Making Your Blog Dynamic
Mapping data Introduce yourself as the facilitator and outline (briefly) your STEM background. Ask STEM Ambassadors (if present) to (briefly) introduce.
العدد تذكيره وتأنيثه مقدمة
Wordpress.
GIS, Maps & Mapping Mashups
Google Maps: A Short How-to
IS 360 Course Introduction
Microsoft Office Access 2003
Microsoft Office Access 2003
HTML Links.
How to use Refworks to Cite a reference and to Create the Bibliography
Google Webmaster Tools Setup
Information Technologies Anselm Spoerri PhD (MIT)
Presentation transcript:

Mash-it-up Google Style Put your data on the Map

Google Maps One of the easiest APIs to use. In 5 minutes you can have a simple map on your site. First step – Get a Google Maps API Key:

The 5 Minute GMap Get the “Hello World” example: World_of_Google_Maps World_of_Google_Maps Copy that text into a new HTML file. Add your key (Replace ‘key=abcdefg’, with ‘key=the big long key from Google’) Lets add some controls (zoom/pan): map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl());

Add markers to the map We need a Lat/Long coordinate in the format: XX.XXXXXX, -YY.YYYYYY (ex , – Portola Plaza) Create a new point: var point = new GLatLng( , ); Add it to the map! map.addOverlay(new GMarker(point)); Save your work and view it in your browser of choice!

All your data are belong on Google Maps For plotting many points, Google has included a way to import specially formatted XML files. With a simple loop all your points will be plotted to the map! synchronous_RPC synchronous_RPC Sample format:

Plotting Dynamic Data LCLS delivery routes are stored in a MySQL database. Using ASP.NET and a custom API, the routes are outputted into an XML formatted document which is loaded into the Google Map API: eliveryRoute&routeid=1&day=friday eliveryRoute&routeid=1&day=friday

Questions? Seldom updated blog: