The Google Maps API based viewer

Easy to use

Inserting a Google Maps viewer with GeoGarage data in a web page is really simple : only a few html line code is needed.

A perfect merge

google maps marker
A Google marker on your image ?

This viewer must be seen as a Google Maps API extention, adding features without limiting the original API. As a result, all the features described in Google Maps API documentation are preserved.

  • improve image viewing with Google data (maps and imagery), without penalty on GeoGarage bandwidth.
  • hybrid viewing option, with maps shown over GeoGarage imagery.
  • address or company geocoding

Technically

Four conditions are necessary to display your GeoGarage hosted images:

  1. load the Google Maps API as an external script, with the key provided by Google
  2. add the GeoGarage file script as external script, (must be loaded after the Google Maps API)
  3. add the external script containing the definition of your images (provided)
  4. add the code for loading the API, or replace the one of Google Maps

Example :

<html>
  <head>
  <!-- Heading content --> 
    ...
     <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAL...nb8lhg"></script> 
     <script type="text/javascript" src="http://www.geogarage.com/gggmap-1.0/geogarage.js"></script> 
     <script type="text/javascript" src="calques.js"></script> 
    ...
  </head>
  <body>
    ...
     <div id="map"></div>
     <script type="text/javascript">
      // <![CDATA[
      if (GBrowserIsCompatible()) {
        new geogarage.Maps(document.getElementById("map"), MY_IMAGE);
      }
      // ]]>
    </script> 
    ...
  </body>
</html>