Using Google Maps Sunday 9th Sept. 2012 H.A. Nandalal, TTLS

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
NR 322: What is GIS? Jim Graham Fall What is GIS? Geographic Information System? Geographic Information Science? A system that provides the ability.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Chapter 14 Introduction to HTML
Web Design Basic Concepts.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Geolinking content Patrick H. Lauke / Institutional Web Management Workshop 2007 / York Experiments in connecting virtual and physical places.
HTML Structure & syntax
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
Basic HTML PowerPoint How Hyper Text Markup Language Works
Primary Sources 2.0 Using today’s technology to promote historical thinking.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Interactive (Google) Maps Google has available APIs for building “Interactive Map” web pages Google has available APIs for building “Interactive Map” web.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Dr. Martin Zhao Sept 4, Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is.
Maps. Google Earth is a great resource, but is often blocked by school districts because of its size. Google maps and Bing maps share many of the features.
Types of Spatial Data Sites Data portals: Find and download data –Humboldt County, National Atlas “Atlases”: General information –GoogleMaps, MapQuest.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
By Tharith Sriv. To write a web page you use: HHTML (HyperText Markup Language), AASP (Active Server Page), PPHP (HyperText Preprocessor), JJavaScript,
Browser Wars (Click on the logo to see the performance)
What is Google Earth? “Google Earth is a virtual globe, map and geographic information program that was originally called Earth Viewer, and was created.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Javascript JavaScript is what is called a client-side scripting language:  a programming language that runs inside an Internet browser (a browser is also.
Vocabulary 3 Internet Vocabulary. internet A system that connects billions of computers around the world.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.
Chapter 4 Murach's JavaScript and jQuery, C4© 2012, Mike Murach & Associates, Inc.Slide 1.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
Google Map API The Google Maps API lets you embed Google Maps in your own web pages with JavaScript The API provides a number of utilities for manipulating.
Overview Web Technologies Computing Science Thompson Rivers University.
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)
GeoSpatial Analysis UNICEF Security Advisors Workshop 20 October 2010.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.
Online PD Basic HTML The Magic Of Web Pages
Web Basics: HTML/CSS/JavaScript What are they?
Web Technologies Computing Science Thompson Rivers University
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Web software.
Business Administrative Support Vocabulary
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
Section 10.1 YOU WILL LEARN TO… Define scripting
Introduction to Web Page Design
WEB PAGE AUTHORINHG AND DESIGNING
Unit 6 part 3 Test Javascript Test.
What is HTML?.
Web Page Design CIS 300.
Introduction to Web Application Design
CIS 133 mashup Javascript, jQuery and XML
Web Technologies Computing Science Thompson Rivers University
Introduction to JavaScript
Web Programming and Design
Presentation transcript:

Using Google Maps Sunday 9th Sept H.A. Nandalal, TTLS

Using Google Maps What is “Google Maps”? Google Maps is a publicly available Geographic Information System (GIS) Base Map from Google Inc. It is accessed on the internet using web browsers: Chrome v21 Firefox v14 Internet Explorer v9

Using Google Maps The Google Maps Interface: Zoom Control Pan Control Map Type Menu Scale Bar

Using Google Maps What’s Shown on The Map? “Map” Mode: Roads Buildings Rivers Pts. of Interest

Using Google Maps What’s Shown on The Map? “Satellite” Mode: Roads Buildings Rivers Pts. of Interest on Aerial Photography

Using Google Maps “Satellite” Mode: Max. Zoom = 1m Resolution

Using Google Maps How Can We Use “Google Maps”? 1. Get Information 2. Put Information

Using Google Maps Getting Information from the Basic Map WGS84 Geodetic Co-ordinates in Decimal Degrees

Using Google Maps What’s the Methodology for Getting Information from Google Maps? By using JavaScript & the Google Maps API: Application Programming Interface

Using Google Maps What is JavaScript? A Scripting Language which allows Users to Interact with the Elements of a Web Page

Using Google Maps Let’s take a Look at the Source Code of the ISTT Home Page

Using Google Maps The Web Page is written in HyperText Markup Language (HTML). The JavaScript Code is in a Separate File with Extension “js” and is Linked to the Web Page with a “ ” TAG

Using Google Maps The JavaScript Code: Functions & “ if ” Statements which can’t be found in HTML JavaScript Allows for Computations & Decision-Making

Using Google Maps Let’s Create a Google Maps Web Page from Scratch: 1. Some HTML Code 2. Some JavaScript Code 3. Load files into a Web Browser

Using Google Maps 13 Lines of HTML Code Line 7 Links the JavaScript File Line 11 is a “DIV” or Rectangle to Place The Map

Using Google Maps 17 Lines of JavaScript Code Line 4 Links the “DIV” Rectangle from The Web Page Line 6 Defines the Map Centre Line 12 Defines the Map Type Line 15 Draws the Map

Using Google Maps The Result from 30 Lines of Code

Using Google Maps Let’s Change The Map Centre The Zoom Level & The Map Type

Using Google Maps The Updated Map: Crichlow St. San Fernando

Using Google Maps The Co-ordinates on Google Earth & Google Maps WGS84 Geodetic

Using Google Maps Comparing UTM Co-ordinates on Naparima & WGS84 Datums

Using Google Maps To Convert From Naparima UTM To WGS84 UTM E N To Convert From WGS84 UTM To Naparima UTM E N

Using Google Maps Transforming Geodetic Co-ordinates Between WGS84 & Int Datums

Using Google Maps Online Calculators for Performing Geodetic Transformations

Using Google Maps Putting Information on Google Maps

Using Google Maps Putting Information on Google Maps: Polygons for Wards, Boroughs, Cities & Parishes

Using Google Maps Using the Polygons for Wards, Boroughs, Cities & Parishes: Getting Cadastral Information from a Co-ordinated Point

Using Google Maps

A Basic GIS Application: Performing a Radial Search

Using Google Maps Another GIS Application: Plotting “Un-Indexed” Cadastral Plans

Using Google Maps Performing a Radial Search for Cadastral Plans

Using Google Maps Adding Images to a Google Maps Web Page

Using Google Maps The Cadastral Plans Demonstration Web Site: Cadastral Plans Contributed by: Mr. Winston Doyle Mr. Barry Hernandez Mr. Trevor Koylass Mr. Winston Mohammed Mr. Harvey Ramrekha Mr. Kamal Sant Mr. Nicolas Westmass Mr. Glenn Wilkes Mr. Burton Williams Mr. Paul Williams THANK YOU!