adding google maps to your college website
Download
Skip this Video
Download Presentation
Adding Google Maps to Your College Website

Loading in 2 Seconds...

play fullscreen
1 / 32

Adding Google Maps to Your College Website - PowerPoint PPT Presentation


  • 448 Views
  • Uploaded on

Adding Google Maps to Your College Website Paul Dempsey Director of Electronic Communication Dickinson College Introduction and Overview Session goals College maps and directions Maps on the web Google Maps Introduced February 2005 New type of web map

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Adding Google Maps to Your College Website' - jaden


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
adding google maps to your college website

Adding Google Maps to YourCollege Website

Paul Dempsey

Director of Electronic Communication

Dickinson College

introduction and overview
Introductionand Overview
  • Session goals
  • College maps and directions
  • Maps on the web
google maps
Google Maps
  • Introduced February 2005
  • New type of web map
  • Innovative application of various web technologies
google maps technology
Google MapsTechnology
  • HTML, XML, XHTML

Google Maps

Introduction

  • New features

  Contributing Faculty      Carl Sagan    Professor of Physics        Charles Darwin    Professor of Biology 

Google Maps

Introduction

  • New features
  • Web technologies

google maps technology5
Google MapsTechnology
  • CSS, JavaScript, DHTML

DIV.exp {  position: absolute;  top: 150px;  left: 50px;  width: 700px;  height: 325px;  }

Text for section
document.getElementById('ex3').style.visibility="visible"

H1 {

font-family : Verdana, Helvetica, sans-serif;

text-align : center;

}

P {

font-family : "Times New Roman", Times, serif;

font-size : 13px;

margin-bottom : 5px;

margin-left : 15px;

}

Price with tax:

google maps technology6
Google MapsTechnology
  • AJAX: Asynchronous JavaScript and XML

function getXmlHttpRequestObject() {

if (window.XMLHttpRequest) {

return new XMLHttpRequest();}

else if(window.ActiveXObject) {

return new ActiveXObject("Microsoft.XMLHTTP");}

else {alert("Error initializing XMLHttpRequest!"); }

}

google maps api
API released June 2005

Embed maps in your web pages

Add overlays (markers) to maps

Google MapsAPI
api terms of use
APITerms of Use
  • Available to non-profit and commercial sites
  • No charging or internal use
  • No inappropriate use
  • Potential for advertising
signing up
Signing Up
  • Google account (Gmail, etc.)
  • Generate maps API key
  • Used on single directory
getting started
Getting Started
  • Google JavaScript source
  • Check browser compatibility
  • Strict XHTML
getting started11
Getting Started

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

your first map
Your First Map
  • Define map area
  • Initialize map object
  • Set center (longitude and latitude) and zoom size
  • Add controls
your first map13
Your First Map