Google maps

Adding Google Maps to Your College Website Paul Dempsey Director of Electronic Communication Dickinson College

Introduction and Overview ,[object Object],[object Object],[object Object]

Google Maps ,[object Object],[object Object],[object Object]

Google Maps Technology ,[object Object],<SUBSECTION> <SECHEAD>Contributing Faculty</SECHEAD> <FACULTY> <NAME>Carl Sagan</NAME> <RANK>Professor of Physics</RANK> </FACULTY> <FACULTY> <NAME>Charles Darwin</NAME> <RANK>Professor of Biology</RANK> </FACULTY> </SUBSECTION> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <h1>Google Maps</h1> <p>Introduction</p> <ul> <li>New features</li> </ul><br /> </body> </html> <HTML> <BODY BGCOLOR="#FFFFFF"> <CENTER><H1>Google Maps</H1></CENTER> <FONT SIZE="+1">Introduction</FONT><P> <UL> <LI>New features <LI>Web technologies</UL><BR> </BODY> </HTML>

Google Maps Technology ,[object Object],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; } <SCRIPT LANGUAGE="JavaScript"> function addTax(amt) { return parseFloat(amt) * 1.06; } </SCRIPT> <INPUT TYPE="text" NAME="price" SIZE="10" ONCHANGE="document.TaxForm.withTax.value = addTax(document.TaxForm.price.value);"> Price with tax: <INPUT TYPE="text" NAME="withTax" SIZE="10"> DIV.exp { position: absolute; top: 150px; left: 50px; width: 700px; height: 325px; } <DIV CLASS="exp" ID="ex3">Text for section</DIV> document.getElementById('ex3').style.visibility="visible"

Google Maps Technology ,[object Object],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 ,[object Object],[object Object],[object Object]

API Terms of Use ,[object Object],[object Object],[object Object],[object Object]

Signing Up ,[object Object],[object Object],[object Object]

Getting Started ,[object Object],[object Object],[object Object]

Getting Started ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Your First Map ,[object Object],[object Object],[object Object],[object Object]

Your First Map ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Adding Map Features ,[object Object],[object Object],[object Object],[object Object]

Adding Map Features ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],View

More Map Features ,[object Object],[object Object],[object Object]

More Map Features Icons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Map Features Vector Polylines ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Map Features Additional JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],View example

Server-Side Programming ,[object Object],[object Object],[object Object]

Server-Side Programming ,[object Object],[object Object]

Server-Side Programming ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ZIP Code Data US Census Bureau ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ZIP Code Data Campus Information ,[object Object],[object Object],[object Object]

ZIP Code Proximity Alumni Homes ,[object Object],[object Object],[object Object],[object Object],[object Object]

ZIP Code Proximity Alumni Homes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geocoding ,[object Object],[object Object],[object Object]

Geocoding HTTP Request http://maps.google.com/maps/geo? q=50+Mooreland+Ave+Carlisle+PA&output=xml&key=ABQI <address>50 Mooreland Ave, Carlisle, PA 17013, USA</address> <Locality> <LocalityName>Carlisle</LocalityName> <Thoroughfare><ThoroughfareName>50 Mooreland Ave</ThoroughfareName></Thoroughfare> <PostalCodeNumber>17013</PostalCodeNumber> </Locality> <Point><coordinates>-77.198845,40.201498,0</coordinates></Point>

Geocoding JavaScript var geocoder = new GClientGeocoder(); function showAddress(address) { if (geocoder) { geocoder.getLatLng(address, function(point) { if (!point) {alert(address + " not found"); } else { map.setCenter(point, 13); var marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml(address); } } ); }}

Conclusion ,[object Object],[object Object]

Google maps

Recommandé

Recommandé

Contenu connexe

Similaire à Google maps

Similaire à Google maps (20)

Dernier

Dernier (20)

Google maps