Jeff Jensen Notes on Google Web Elements

Jeffery J. Jensen, PE
Adjunct Professor

University of Nevada Las Vegas
Department of Civil and Environmental Engineering
4505 S Maryland Pkwy
Box 454015
Las Vegas NV 89154-4015

Email: jefferyjjensen@gmail.com
Mobile: 702-327-9294

Google Maps

Google Maps Table of Contents

Routing in Google Maps
Google Web Elements - Maps Element
Google API Key
How to publish GIS features on Google Maps and Google Earth
Example websites using Google Maps
Google Map KML Code Examples
Google Developer Mapplet
Google Maps - My Maps
Google Static Maps
Google Maps API version 3
Google Maps API
Google Contacts
Google Map/Earth Support
Google Maps Data API is part of the Google Data Protocol
Geo Site Map - see Publishing on the GeoWeb by Keith Golden. Also see Submit Your Geo Content to Google

Google Maps - My Maps

Background

Using your Google gmail account, can import KML/KMZ files into your My Maps account and display that content in Google Sites
Can import a KML, KMZ or GeoRSS data into your My Map account
Google Maps User Guide - Getting started with My Maps
Keith Golden, golden@google.com is the Tech Lead for Google My Maps
Feature Request - http://groups.google.com/group/Google-Maps-API/web/my-maps-feature-requests
Google Maps API FAQ - http://code.google.com/apis/maps/faq.html
10MB for MyMaps, 3MB for KMLs displayed on maps (see Pamela's guidelines on KML file size limitation)
My Maps Help Forum
Contact the Google Maps Support Team Suggest a feature for Maps
My Maps help
My Maps Known Issues Page
Video - Creating a Custom Map using My Maps
Google Lat Long Blog - news and notes by the Google Earth and Maps team
Issues
- How do you use the Google Earth Style Templates in My Maps?

Google Maps Limitations

Cannot label features (placemark points, lines, polygons)
- Google Earth can label points but the same KML file will not show any labels in Google Maps
- Problem: a KML file which renders correctly in Google Earth may not render/display in Google Maps. Known issues
  - Unable to label a placemark, see issue 1612: Marker's label (tooltip)
  - Google Maps JavaScript API v3 - Label overlays?
- Google APIs Documentation for KML - KML Elements Supported in Google Maps
Can only use 8 different point marker symbols in Google Maps
- "The KML renderer only fetches approximately 8 icons per KML file, to avoid overloading servers we don't control. If you embed the icons inside your KMZ you can render many more." Ben Appleton, Google Groups - Point issue in KmlLayer

Google Maps KML

Google Earth/Maps Icon

Google Earth Icons by Mike Williams

How to display My Maps in Google Sites

Step 0: obtain a Google account and create a kml file
- Google Maps and KML notes
  - If using ArcGIS to create the KML file, Google Map will honor layer transparency and settings in the HTML Popup tab of the layer's properties. Following figure shows the HTML popup window and a polygon with 50% transparency applied to it.
  - Note, each feature will have a record entry in the maps panel to the right of the map display. So if you have more than 10 features, it will start to get cumbersome.
  - How do I display several kml files in a single Map?
Step 1: login to your google account, such as gmail and select Maps from the more menu
Step 2: click on the My Maps link
Step 3: click on the Create new map link
Step 4: click on the Import link to open the Import KML window. Click the Browse... button to upload a kml file stored locally or enter the URL of a kml file which is available on the internet or a web server. The benefit of uploading the kml file is it is now on the Google Servers and thus should result in better performance.
Step 5: add a title and description for the new map
Step 6 open Google Sites and start editing a page
Step 7 Option A: Copy Map into Google Sites
- click Link to obtain the URL and iframe HTML code for your My Map
- click the Customize and preview embedded map link to open the Google maps customize window
- copy the code in the Paste HTML to embed in website box to the Windows clipboard. This will then be pasted into the Google Sites webpage.
Step 7 Option B: insert Google Map gadget into Google Sites
- click on My Map gadget and then select a map
- edit the properties of the My Map gadget
Step 8: upload any custom icons
- When creating a KMZ file using the ArcGIS ArcToolbox Layer To KML tool, any custom point markers/symbols/icons are zipped in the KMZ file. Then you can open this KMZ in Google Earth and all the symbology will be visible. Problem is Google My Maps doesn't preserve these symbols and you have to manually upload the point marker/symbols/icons to a website and remap the link.
Step 9: save the site and share with the world, see http://sites.google.com/site/cee668/

Editing My Maps

Title and Description for each element can be edited
Polygons - can edit border/line color, width and opacity as well as the fill color/shading and opacity

Google Maps - Routing

References
- Driving Directions in Google Maps
- How can I get driving directions using Google Maps?

Google Web Elements

Google Web Elements - Maps Element
Benefits of Maps Element
- Quickly get Google Maps on your website
- Can add an initial placemark and set the initial view
- Don't need to sign up for a Google Maps API Key
- Web Elements can only be created by Google
- Works in Google Sites and traditional web pages
Map Elements and Google Sites
- as of April 2010 Google Sites will give the following message
- Upon testing in Firefox and IE, the Map Element is supported in Google Sites, that is the iframe HTML tag is NOT removed.
Disadvantages of Maps Element
- very limited customization, will have to use the Google Maps API for almost all customization and abandon the use of the Maps Element
- Appears it will not work with Facebook or MySpace Facebook and IFrames and Facebook IFrame Application
  Maps Element work with facebook or myspace? in the Google Web Elements Discussions Group
Example of Maps Element for UNLV

Google Web Elements Support

Google Web Elements Help Forum

Google API Key

Background on Google API Key

It appears the API Key is used by Google to ensure its users agree to the Terms of Service for the Google Maps API
Both Google Earth and Maps AJAX API users are required to sign up for an API Key
"For most applications we recommend that you simply register your domain name. Your key will be valid for that domain, its subdomains, all URLs on hosts in those domains, and all ports on those hosts." see How does the Google Maps APIs key system work
You cannot lookup your API key. If you forget it, then just create it again. "Keys are just tokens based on your Google Account and Domain, so recreating a key for the same domain will be the same token." (Google Maps API group, post by Barry Hunter API map not showing under my maps

How to get a Google API Key

Step 1: to get your own API Key, visit http://code.google.com/apis/maps/signup.html
Step 2: must login into your Google Account, such as your gmail.
Step 3: enter the domain name where your going to be hosting the .html file which uses the Google Earth or Maps API. Agree to the Terms of Service.
Step 4: Results, will be given the API Key, should look similar to this
- Google Maps API Key: ABQIAAAA1uq4vqBxopl1SMNB-F8rLBS6-Ql4odJAb4_dVefVAf8GxGxm1RS646BxruPYCrK2c89AhzUA2YZ2FA
- Example API Key for http://faculty.unlv.edu/jensen
  - ABQIAAAA1uq4vqBxopl1SMNB-F8rLBSHh3RDflKHKYaNCmjQpiQp30pHJRRzCw5UzGzLquOITWnpr8jEBN7woQ

Google API Key Issues

Will I get an error message if I use a Maps API key from one domain (i.e. a different web site) and attempt to use it on a different domain (i.e. on my own webpage)? Yes, this is what the error message will look like

How to publish GIS features on Google Maps and Google Earth

KML 2.2 is an official OGC Standard, see KML, the HTML of geographic content and KML: A new standard for sharing maps
Using KML files - KML ( Keyhole Markup Language ) is a file format used to display geographic data in an Earth browser, such as Google Earth, Google Maps, and Google Maps for mobile. KML uses a tag-based structure with nested elements and attributes and is based on the XML standard (http://code.google.com/apis/kml/documentation/). Below is a sample KML file showing UNLV location like this:
- Generate KML files
- Publish KML files : Let Google Maps know where your KML file is.
  - Create your own website using UNLV Computer Lab resourses: Create a directory public_html on the H: then create a file called index.html under this directory. Reference the homepage with your login name, example http://complabs.nevada.edu/~jeff jensen/
  - Copy your KML file to the folders under your website.
  - Publish your KML file on http://maps.google.com/ : (1) Paster your KML file link into the "Search Maps" input box on the http://maps.google.com/ and click "Search Maps". or (2) Publish your KML file link following with Google Maps link. Example, http://maps.google.com/maps?f=q&hl=en&q=http://complabs.nevada.edu/%7Echeny17/unlv.kml
- Viewing KML files in Google Earth . (1) Double click your KML file; or (2) In Google Earth, File->Open, open your KML file.

Create your own map webpage. Get rid of Google Maps webpage, use your own customized webpage.
- Step 1: Obtain the Google Maps API Key for your domain if you don't have one.
- Step 2: Create your own map webpage follow the map webpage template, replace the Google Map API key with your own key, replace with your KML file link in the source file string. This webpage using Javascript and Google Map API to load your features data in KML file.
- Step 3: Enhance your map webpage. To add more functions and speedup the webpage loading, there are several ways to optimize your webpage script. Please refer to a enhanced map webpage and Beginning Google Maps Applications with PHP and Ajax (From Novice to Professional) .
Google Map - Mapplets
- Step 1: Create a Google Mapplet file (.xml) follow the format specification (sample file);
- Step 2: Add your Google Mapplet from here;
- Step 3: On that page, click on the "Add by URL", then inut your Mapplet file URL;
- Step 4: Then go to maps.google.com, click on "My Maps" tab, you will see your Mapplet. Click on that, you will see the map showing on the right pane.
- References: Google Map Mashups 2.0, and Google Mapplets Concepts and Examples

GeoSearch: How to Submit KML files to Google

Google Code: Submit Your Content to Google. Also discusses atom attribution tags such as atom:author, atom:name and atom:link elements using an example of Harry Potter. Google indexing of XML post
Drive More Search Traffic to Your Maps API Site by Including KML Files in a Sitemap

Example websites using Google Map

Georgia Tech Stinger and Stop Locations by Russ.Clark@gatech.edu
OneMillionRevolutions.org - website showing triathlon races, course layout, animation of the route, profile view the course.
- Hard copy maps - Musselman Triathlon
Browse kml icons: Google Earth icons

Google Map KML Code Examples

<?xml version="1.0" encoding="UTF-8"?>

  	<kml xmlns="http://earth.google.com/kml/2.1">
    <Placemark>
    
    <name>Simple placemark</name>

    <description>University of Nevada, Las Vegas</description>

    <Point>

    <coordinates>-115.141783,36.107101,0</coordinates>

    </Point>
  
    </Placemark>
    </kml>

How to add a URL/hyperlink to the Descriptior Ballon (download ExampleURL.kml or view in ExampleURL.kml in Google Map). Note this hyperlink will only show up in the Balloon help, not in the Search Results/Places Panel on the left side of the map. Also, Google Map and Earth have a built in feature which will convert a URL into a hyperlink. This is ok if you want the end user to see the link but need to use the <A ...> anchor tag if you want to use a friendly name. Also, appears Google Map will not convert a URL to a hyperlink if its contained in a HTML table.
- <?xml version="1.0" encoding="UTF-8"?>
  <kml xmlns="http://earth.google.com/kml/2.2">
    <Placemark>
      <name>GIS Applications in Civil Engineering</name>
      <description>
      <![CDATA[
         <A HREF="http://faculty.unlv.edu/jensen/CEE_468/" target=new">CEE 468/668 Homepage<A>
      ]]>
      </description>
        <Point>
          <coordinates>-115.141306,36.110272,0</coordinates>
        </Point>
    </Placemark>
  </kml>
How to change the Placemark symbol (download ExampleChangePlacemarks.kml or view in ExampleChangePlacemarks.kml in Google Map). Note, need to use a Document tag, Style tag, and StyleUrl tag.
- <?xml version="1.0" encoding="UTF-8"?>
  <kml xmlns="http://earth.google.com/kml/2.2">
  <Document id="doc1">
    <Style id="paddle1">
      <IconStyle>
        <scale>1.1</scale>
        <Icon>
        <href>http://maps.google.com/mapfiles/kml/paddle/1.png</href>
      </Icon>
      </IconStyle>
    </Style>
    <Placemark>
      <name>GIS Applications in Civil Engineering</name>
      <description><![CDATA[
      <A HREF="http://faculty.unlv.edu/jensen/CEE_468/" target=new>CEE 468/668 Homepage</A>
      ]]>
      </description>
      <styleUrl>#paddle1</styleUrl>
      <Point>
        <coordinates>-115.141306,36.110272,0</coordinates>
      </Point>
    </Placemark>
  </Document>
  </kml>
- Use Google Earth to browse for icons which can be displayed in Google Maps. Step 1: click the Add Placemark button, Step 2: click the push-pin icon to bring up the icon window, and Step 3: select an icon and will see the URL for the png image. This URL is what you add in the <styleUrl> tag

Google Developer Mapplet

"If you make a change to your KML file, the old copy will be cached on the Google server for a while. Refreshing your browser's cache won't force Google to refresh their cache. What you can do is to temporarily add an arbitrary parameter to the end of the url, like "?123", to make the Google cache think that it's different." (Google Maps API Tutorial by Mike Williams)
Provides the ability to remove Google Map cache when uploading .kml/.kmz files
Uses the Google Maps - Add Content

Google Static Maps

width of static maps is 640
URL Parameters
- format can be gif, jpg or png32

Google Maps API version 3

Google Documentation
- The Google Maps Javascript API V3 - Basics
- Google Maps Javascript API V3 Reference
- KML Elements Supported in Google Maps
- KMZ Files
- Google Groups - KML Developer Support - Getting Started with KML
Discussion Groups
- Google Maps JavaScript API v3

How to set a Google Maps Property

Step 1. use the MVCObject class set Method
Step 2. select a property to assign/set a value to, for example the KmlLayerOptions object and preserveViewport property
- LayerBountifulBasket.set('preserveViewport', true);
Full example
<script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(36.14, -115.1); var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("contentMap"), myOptions); var LayerBountifulBasket = new google.maps.KmlLayer('http://www.bountifulbaskets.us/kml/BountifulBasketsNVweekA.kmz'); // // tip from Chad Killingsworth, see // http://groups.google.com/group/google-maps-js-api-v3/browse_frm/thread/450e5f6f6424ec2d?tvc=1 // LayerBountifulBasket.set('preserveViewport', true); // LayerBountifulBasket.set('suppressInfoWindows', true); // LayerBountifulBasket.setValues({preserveViewport: true, suppressInfoWindows: false}); LayerBountifulBasket.setMap(map); } </script>

How to set a collection of values in a Google Maps Property

Step 1. use the MVCObject class setValues Method
Step 2. select a property to assign/set a value to, for example the KmlLayerOptions object and preserveViewport property
- use a colon : as the delimiter between a key and value
- use a comma , as the delimiter between multiple key-value pairs
- enclose the entire key-value pairs in curly brackets {}
- LayerBountifulBasket.setValues({preserveViewport: true, suppressInfoWindows: false});
Full example
<script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(36.14, -115.1); var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("contentMap"), myOptions); var LayerBountifulBasket = new google.maps.KmlLayer('http://www.bountifulbaskets.us/kml/BountifulBasketsNVweekA.kmz'); LayerBountifulBasket.setValues({preserveViewport: true, suppressInfoWindows: false}); LayerBountifulBasket.setMap(map); } </script>

Google Maps API

Using Google Maps API with JavaScript

Variable Scope
- Global variables: defined outside of a function
- Local variables: defined within a function.
- recommend declaring all variables with var
- "Within the body of a function, a local variable takes precedence over a global variable with the same name. If you declare a local variable or function parameter with the same name as a global variable, you effectively "hide" the global variable." (JavaScript The Definitive Guide, 3rd Edition, by David Flanagan, p. 54)
- Example
  - Working - Toggle KML map variable is defined as a global variable
  - Not Working - Toggle KML because the map var is being declared again within the function, so it is a local variable. The Toggle KML button doesn't work because the map variable is out of scope.

Using Google Maps API with CSS and XHTML

How do I embed Google Maps API in my web page that will resize when my web browser viewport resizes? That is, I don't want a fixed size Google Map window that is say 300px by 300px but instead I want it liquid, that is it flows to the size of the web browser.
- "As frequently happens in web design, Internet Explorer presents certain challenges for laying out pages with Google Maps. In particular, IE requires additional 'help' for determining the height of page elements; it doesn't automatically pick up on the size of Google Maps' dynamic XHTML. This is why the html and body tags in Listing 2-2 need height:100% in their CSS; without those rules IE wouldn't know how tall to render elements. In general, your map container always needs to have an explicit height supplied to it. If you have a map that works fine in other browsers but doesn't display at all in IE, this is the first thing to look for." (Beginning Google Maps Mapshups with Mapplets, KML, and GeoRSS by Sterling Udell, p. 13)
- I'm having luck using position fixed or absolute with the Google Map API and the XHTML Division tags <div>. When I use static or relative positioning, then the Google Map element will disappear.
  - /* tag selector ID for Google Map API */ #contentMap {
    position: absolute;
    /* these offset properties can left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    }
- Solution
- uses CSS position:absolute
- see comment by russell.paul in the Google Maps API Discussion Group - Percentage Size of Maps? and Google Maps CSS

Google Map and Google Search Bar with the Scale Bar relocated

Changes to the GoogleBar by Daniel Nadasi, Maps API Team
Updated Local Search Control used in brand new GoogleBar
Introducing... the GoogleBar! by Mike Perrow with Maps API Team
Setting Up the GoogleBar
Google Maps Samples - googlebaroptions by Pamela Fox
Maps API Documentation - GGoogleBarOptions
It appears Google Earth doesn't support the Google Search Bar as of June 2009 and it is an enhancement requestion Google Search Bar for Earth API
Example
- Example showing the older Google Search Bar with the scale bar relocated, a custom logo using the screen overlay and a resizable <div> element. Tested with FireFox 3, IE 6, IE 8. divGoogleBarScreenOverlayLogoFullPageMaps.html
- Google Bar with logo, Header division and left navigation division: divGoogleBarLogoHeaderLeftNavFullPageMaps.html
- Problem, when I resize the web browser window, the scale bar is written on top of the Google Search Bar.
  - Beginning Google Maps Mashups with Mapplets, KML and GeoRss, p. 73
  - To add a scale bar, see Pamela Fox's Tutorial: Creating Your First Map
  - map.addControl(new GScaleControl());
  - see Google Maps API Group - How to position the GScaleControl() control
  - GControlAnchor
    - G_ANCHOR_TOP_RIGHT
    - G_ANCHOR_TOP_LEFT
    - G_ANCHOR_BOTTOM_RIGHT
    - G_ANCHOR_BOTTOM_LEFT
  - GSize
    - GSize(width:Number, height:Number)
  - Pamela Fox recommends adding all custom controls after map.setCenter, see http://code.google.com/apis/maps/articles/yourfirstmap.html

Google Map and logos using Screen Overlay

GScreenOverlay displays a rectangular image overlay on the map whose position remains fixed as the viewport changes
Beginning Google Maps Mashups with Mapplets, KML, and GeoRSS p. 166 // create a screen overlay var imgLogo = new GScreenOverlay( 'http://faculty.unlv.edu/jensen/html/GoogleEarth/img/GISEngineeringLogo.png', // image URL new GScreenPoint(0.5, 0.5, 'fraction', 'fraction'), // screen offset new GScreenPoint(11, 12, 'pixel', 'pixel'), // overlay offset new GScreenSize(24, 24, 'pixel', 'pixel') // overlay size ); map.addOverlay(imgLogo);

Google Maps with KML overlay

Problems
- How do I add a KML file to Google Maps? I have a list of HOAs in Southern Nevada. I would like to have a button, hyperlink or checkbox next to the name of the HOA in the list of HOAs. Once the button is clicked, then a KML of that HOA boundary is added to Google Maps and the map is zoomed to the extent of the HOA boundary. I still want to be able to see other KML files as well. I would like the ability to toggle on/off the HOA boundaries.
Zoom and Center the map to fit the KML bounds
- It appears GGeoXml will not automatically zoom to the extent of the KML. Will need to use 3rd party parsers or pre-compute the location and zoom level manually and then hard code it on your map. (see Google Groups Maps API - Viewport Center)
- map.setCenter(bounds.getCenter(),map.getBoundsZoomLevel(bounds));
- Google Maps API Tutorial by Mike Williams - Fitting the map to the data
- Google Maps API Group - How to set map zoom level based on GGeoXml or GPolygon
References
- Google Maps API - Services - KML/GeoRSS Overlays
- Google Maps API Examples - Accessing and Displaying KML Data
- Santa Barbara Fires
- Mike William's Tutorial on GgeoXml - Map of USA with clickable polygons
- Google Maps API Demo Gallery GGeoXml Loader example by Pamela Fox

Zoom to Extent of KML overlay

gotoDefaultViewport(map:GMap2) - sets the map's viewport to the default viewport of the XML file.
Example - http://faculty.unlv.edu/jensen/kml/examples/geoxml-kml-gotodefaultviewport.htm
Google Maps API Issue - setcenter based on kml loaded with GGeoXml
var kml = 'http://faculty.unlv.edu/jensen/websites/hoamaps.com/kml/test01.kmz'; var geokml = new GGeoXml(kml); map.addOverlay(geokml); geokml.gotoDefaultViewport(map); // will zoom to the default viewport of the kml file

Google Map Developers

Newton Chan with Foothill College. Email: channewton@fhda.edu, Newton's Faculty Page. Developed kisdata.org and openspace.org
Sterling Udell, email sterling.udell@gmail.com, www.sterlingudell.com
Lance Alan Dyas, email: lancelot@inetnebr.com. GeoXml hosted at http://code.google.com/p/geoxml/

Google Maps API References

Google Groups
- Google Maps API Group or send email directly to Google-Maps-API@googlegroups.com
- Google Maps API Documentation
Google Maps Tutorials
- Tutorial: Creating Your First Map by Pamela Fox (api.pamelafox@google.com), Google Maps API Team
Launch of Google Maps API version 3
Google Maps API v3 Documentation
Google Groups Google Maps JavaScript API v3 and the group email: google-maps-js-api-v3@googlegroups.com
Google Maps API Tutorial by Mike Williams
Google Maps API - Advanced Tutorials by White Rock Solutions
Google Map Parameters
Using Debugging Tools with the Google Maps API by Pamela Fox with Google Geo APIs Team

Google Contacts

Google Map and Earth API
- Google Geo Developers Blog. The Maps API Blog is retired
- Mickey Kataria, Product Manager for Google Maps APIs
- Billy Rutledge, Manager. brutledge@google.com.
- Pamela Fox, api.pamelafox@google.com, website: http://imagine-it.org, Google Groups Profile
- Roman Nurik - api.roman.public@gmail.com
  - Knees Deep in the Earth API
  - Discussion Group: Google Earth Browser Plugin, Roman Nurik is the monitor, he is familar with JavaScript and the Google Earth API
- Mano Marks, of Google Geo APIs Team. mmarks@google.com Google Groups Profile.
  - Google Geo Developer Services, March 12, 2008: Dynamic KML Creation
  - Quick & Dirty KML Creation by Mano Marks and Pamela Fox
  - Google Developer Days in Japan - Mano shows web browser running 4 instances of Google Earth Plugin, Tokyo Population Animation as polygon heights (http://services.google.com/earth/kmz/tokyo_population_n.kmz)
Lior Ron, Geo Search. Wants to expand Geo Search to read header tags in GeoTIFF images. Info on Geosite maps see Google Webmaster Central to help increase traffic to your site.
Google Maps API Team
- David Day from Sydney Austraila
- Marcelo Camelo, camelo@google.com
Bent Hagemark
- Google Developers Day US - KML on Earth
- Google I/O 2008 - Advanced KML
Michael Weiss-Malik, KML Product Manager
Paul Rademacher, Technical Lead, Google Earth Browser Plug-in
- Google Earth, meet the browser
Ben Appleton with the KML team, email: appleton@google.com

Google Map/Earth Support

Google Earth Help Forum
Google Earth Browser Plugin
- kml TimePrimitives (TimeStamp and TimeSpan) not available in Google Earth Plugin. TimeBar is also not available. See Discussion Group: TimeSpamp
KML Developer Support Group
Google Maps Help Group
Web logs (blogs)
- Google I/O Fireside Chat Photo: left to right: Ben Appleton (KML), Pamela (Maps API), (My Maps), ?, ?, ?
- Google Geo Developers Blog - http://googlegeodevelopers.blogspot.com
  - formerly Google Maps API Blog
- Google Lat Long Blog - weblog giving news and notes by the Google Earth and Maps team
Google Earth API Examples
- Google Earth API Developer's Guide
- dl.google.com/earth/plugin/GoogleEarthPluginSetup_en.exe
- code.google.com/apis/earth
- Google Earth Pro download username: jefferyjjensen@gmail.com and License Key: JCPM4RJ8HHMMYEE
Google Earth Plugin - Interactive Samples
Google I/O Session Videos and Slides, 2008
Basic UNLV example
Google Geo Developer Series
- Creating Custom Maps by John Coryat. YouTube!
- Quick & Dirty KML Creation by Mano Marks and Pamela Fox. YouTube!
Mano Marks KML Code Labs

Exercises

Following exercises require
- Internet Connection
- Google Earth Plugin installed (recommend using FireFox web browser)
- text editor (e.g. UltraEdit)
- Website (e.g. pages.google.com) where you can upload HTML and KML files
Create a webpage which zooms to the UNLV campus. Ensure the navigation controls, Overview Map, Status Bar, and Country Boarders are displayed. (Solution)
- see <LOOKAT> KML tag
Create a webpage which loads/fetches and zooms to the extent of a KML file. (Solution)
- Google Earth Plugin API
How load multiple KML files in Google Earth Plugin, see loadmultiplekml.html