16 Map Layer Mashups Mapping in the Cloud Peterson.

Slides:



Advertisements
Similar presentations
Google Fusion Tables API Inneke Ponet. Google Fusion Tables: Store, share, query and visualize data. API to run SQL-like queries applications that use.
Advertisements

 Please make one if you don’t have one  NASA clearinghouse for data gathered  Earth  Moon  Mars  Sloan Digital sky  Kml data  OPEN use Google.
10 Map Mashups Mapping in the Cloud Peterson. Basic Map.
C O S U G I  P H O E N I X, A R I Z O N A Mapping your library with Web Services and Google Maps John Wohlers Waubonsee Community College.
Google Maps API. Today’s Objectives Get Google Maps working: desktop + mobile Get clustering data complete, data onto a map.
Mapping Fundamentals Appendix A Nate Bowers Spring 2010.
Google Maps API L. Grewe. Google Maps Largest Mapping API One of the most popular web services Used in many web “mashup” applications Used on many platforms.
Lines and Polygons Peterson. Simple Line function initialize() { var myLatLng = new google.maps.LatLng(5, -170); var myOptions = { zoom: 2, center: myLatLng,
The GMap class exports methods to manipulate the map's center and zoom level and to add and remove overlays (such as GMarker and GPolyline instances).
The Online Street Map Peterson. Tiling Stand-Alone vs Overlays.
Map Layer Mashups Peterson. Overlay of Old Map function initialize() { var newark = new google.maps.LatLng(40.740, ); var imageBounds = new google.maps.LatLngBounds(
Online resources for georeferencing Georeferencing workshop - Online resources
Point Mashups Peterson. Icons Info Marker Random Points.
RATIOS OF SCALE DRAWINGS. SCALE DRAWINGS SCALE DRAWINGS: A scale drawing is a drawing that represents a real object. The scale of the drawing is the ratio.
Map Conventions. Latitude and Longitude Magnetic Declination.
11 Using the Google Maps API. 2 Objectives You will be able to Use the Google Maps API to display a map of any location on an HTML page. Programatically.
Session ID Presented by: Tom Jamate, University of Massachusetts, Amherst April 8, 2013 Session ID 2521 Going Beyond the Address Push-Pin Extending.
Hammond Sanitary District Interactive Web Mapping with Google Maps and Google Apps An Introduction to KML, Google Fusion Tables, and the Google Maps API.
Set 11: Mashups (emphasis on Google tools) IT452 Advanced Web and Internet Systems.
Programming Games Recap on Google Maps. Creating elements. Dynamic creation of elements (multiple video elements). Geolocation. Classwork/Homework: Catch-up.
Russ Dengel and Dave Parker 27 th Satellites and Education Conference July 31, 2014.
Geolinking content Patrick H. Lauke / Institutional Web Management Workshop 2007 / York Experiments in connecting virtual and physical places.
Programming games Examples: Audio example. Google Maps api. Classwork: show more complex video. Classwork/Homework: Find place (lat and long) for basic.
Google Maps API. Static Maps send an HTTP GET request receive an image (PNG, GIF, JPEG) no javascript needed encode params in URL example:
Topographical Maps. Topo Basics  Topo maps have “Contour Lines”.  The contour lines show the elevation of the ground at each area of the map.
Chapter 6 The Online Street Map For the book Mapping in the Cloud Guilford Press Michael P. Peterson.
JavaScript Programming B.Ramamurthy 6/113/2014B. Ramamurthy CSE6511.
Creating With Code.
How data rule the world Kristoffer Benjaminsson CTO.
Programming Games Reprise: storage, datatypes. Geolocation/Google API example. Work session Homework: [Catch up. Upload work. Post proposal.] Work on your.
指導老師：李宗儒 組員：溫允中 陳欣暉 李雅俐 蕭積遠
Creating a Topographical Map using Sketchup This powerpoint assumes that you have already downloaded Sketchup and the “contours” plug-in Mary Rogero Fall.
Q&A TGEL Group 3/2009. SelectorGadget
Session: 19. © Aptech Ltd. 2HTML5 Geolocation and APIs / Session 19  Explain geolocation and its use in HTML5  Explain the Google Maps API  Explain.
12 Point Mashups Mapping in the Cloud Peterson. Icons.
Intro.wmv CaveMaps.org 300+ Entrances on Google Maps 70+ Cave Outlines on Google Maps 500+ Full resolution surveys Surveys catalogued & thumb-nailed.
Tom Taylor District Five Schools of Spartanburg. What we’ll cover today… Navigation Creating Placemarks Searches Layers Saving Files and Images Dynamic.
Creating Interfaces Show form validation examples, Hangman. HTML5 with Google Maps API. Add in localStorage. Design pitfalls. Homework: Make proposal for.
Static Locations, Dynamic Content.
14 Lines and Polygons Mapping in the Cloud Peterson.
©2010 AIR WORLDWIDE 1 Using ArcGIS Server Web Map Services in Web Map Mash-Ups Benjamin Spaulding, Ph.D. AIR Worldwide Esri Boston Dev Meet-Up 12/8/2010.
What is KML?  Keyhole Markup Language  Form of XML that is used in google earth to mark points.  Can create camera angles  Writes HTML descriptions.
Map image compression for real-time applications UNIVERSITY OF JOENSUU DEPARTMENT OF COMPUTER SCIENCE Image Compression Research group:
U.S. Department of the Interior U.S. Geological Survey Center of Excellence in Geospatial Information Science Functional Analysis for The National Map.
Arc Hydro River Aquatic Biology River Network Channel Shape Flooding Multiscale 3D Hydrography Applications.
CONTACTING OTHER SERVERS.
The Virgin Islands National Park By: a McDowell Student.
INDEPENDENCE OAKS Satellite with Topo. INDEPENDENCE OAKS Topographic Map.
My school map mashup Ave Wrigley. Why? Ofsted.
Image from
Industry case study: Data Eric Brumer 2/19/2014. Agenda Belltower Books Belltower Books Trucking: backend & frontend Google maps & javascript.
Point Maps Peterson’s Chapter 11 & 12. Points and Point Maps Points – Datum and coordinate systems – geocoding Point Maps – Show where points are (just.
Creating Databases Example using Google Maps API + file creation. Dollar sign problem. Classwork/Homework: [catch up]. Work on final project.
Google Maps API. Contents: 1. Google Maps API Key 2. Create a Basic Google Map 3. Google Maps Overlays 4. Google Maps Events 5. Google Maps Controls 6.
1 Bus Tracker A Google Maps Application. 22 Objectives You will be able to Add an icon to a map created with the Google Maps API. Use Ajax techniques.
How a topographical map is made.
Development of Internet Application Web API Ing. Jan Janoušek 9.
Creating Databases Example using Google Maps API + file creation. Dollar sign problem. Classwork/Homework: [catch up]. Work on final project.
Starting Fresh with JavaScript 4.x
Mapping for the interwebs
JAPAN - REASONS FOR IMPERIALISM
Map Mashups Peterson’s Chapter 10.
Parts of a Map Title Date Legend Orientation Scale.
Hire Toyota Innova in Delhi for Outstation Tour
Free Map Creation and Display Available at ArcGIS.com
Parts of a Map Title Legend Direction Scale.
البرمجة بلغة الفيجول بيسك ستوديو
Introduction to Google Maps
An Intro to Leaflet.js Matt Anderson.
Michael P. Peterson University of Nebraska at Omaha
Presentation transcript:

16 Map Layer Mashups Mapping in the Cloud Peterson

Overlay of Old Map

Topographic map on Image

Topo Map on Map with Toggle

Image on Image with Toggle

Traffic

Traffic Overlay

Bicycle Path Overlay (total overlay at the larger scales)

KML Overlay

KML

function initialize() { var latlng = new google.maps.LatLng( , ); var myOptions = {zoom: 6, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); var url = ' var kmlLayer = new google.maps.KmlLayer(url, { suppressInfoWindows: false, map: map }); }

Multi-scale Paintings Michael Sweerts, circa 1660

Tiled Overlay

Zoomed Tiled Overlay

Tiles 12 th zoom level 14 th zoom level

MapTiler 1

MapTiler 2

MapTiler 3

MapTiler 4

MapTiler 5

MapTiler 6

XML code for Tile Overlay

Tile Overlay with Slider - low

Tile Overlay with Slider - high

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com Inc. All rights reserved.