<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Google Maps API within a Gadget"
title_url="http://www.liens-du-vin.ch/_winemap/index.asp"
height="620"
width="400"
scrolling="false"
directory_title="Google Maps API within a Gadget - Display a Google Maps"
description="A Gadget to display Google Maps API. Maps based on Lat Lng and a Kml file. A Maps for your Blog"
screenshot="http://www.liens-du-vin.ch/_pic061/google-maps-screen.png"
thumbnail="http://www.liens-du-vin.ch/_pic061/google-maps-thumb.png"
author="Philippe Chappuis"
author_email="info+gadgetCSE@liens-du-vin.ch"
author_affiliation="Google"
author_location="Rolle Switzerland"
author_link="http://www.liens-du-vin.ch"
author_photo="http://www.liens-du-vin.ch/_pic02/gadget-author-photo.png"
author_aboutme="An Engineer who likes to develop for the Net and tastes wines"
author_quote="A chief is a man who assumes responsibility. He says &quot;I was beaten&quot; he does
not say &quot;My men were beaten&quot; - Antoine de Saint-Exupery">

</ModulePrefs>

<UserPref name="Titre" display_name="Titre carte" required="true"
default_value="Chamoson Valais - vignes en terrasses" />

<UserPref name="Texte" display_name="Texte lien" required="true"
default_value="Chamoson Valais Suisse" />

<UserPref name="Link" display_name="Link sur Texte" required="true"
default_value="http://www.liens-du-vin.ch/_winemap/maps-chamoson.htm" />

<UserPref name="Kml" display_name="Kml file" required="true"
default_value="http://www.liens-du-vin.ch/_winemap/carte-chamoson.kml" />

<UserPref name="Lat" display_name="Latitude" required="true"
default_value="46.184539" />

<UserPref name="Lng" display_name="Longitude" required="true"
default_value="7.230567" />

<UserPref name="Zoom" display_name="Zoom" required="true"
default_value="13" />

<UserPref name="BackCol" display_name="Background Color" required="true"
default_value="#d1dae3" />

<Content type="html"><![CDATA[

<script src="http://philippe.chappuis.googlepages.com/genctr.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;"></script>

<style text="text/css">
body
{
margin: 0;
padding: 0;
background: __UP_BackCol__;
}

.titre_map
{
CLEAR: both;
FONT-SIZE: 1.1em;
MARGIN: auto;
WIDTH: 400px;
COLOR: #660000;
FONT-FAMILY: verdana;
TEXT-ALIGN: center;
}

.mapx
{
MARGIN-TOP: 20px;
MARGIN-LEFT: auto;
WIDTH: 400px;
MARGIN-RIGHT: auto;
HEIGHT: 400px;
}
</style>

<script type="text/javascript">

var prefs = new _IG_Prefs(__MODULE_ID__);

var s_tit=_trim(prefs.getString("Titre"));
var s_tex=_trim(prefs.getString("Texte"));
var s_lnk=_trim(prefs.getString("Link"));
var s_kml=_trim(prefs.getString("Kml"));
var s_lat=_trim(prefs.getString("Lat"));
var s_lng=_trim(prefs.getString("Lng"));
var s_zoo=_trim(prefs.getString("Zoom"));

// header

var s_html1 ="<h2 class='titre_map'>" + s_tit + "</h2>";

// renvois

var s_html2 = "<p style='text-align: left; color: #660000; font-family: verdana;'>La carte complète de <a href='" + s_lnk +
"' target='_blank' title='" + s_tex + "'>" + s_tex + "</a></p>";
</script>

<div id="header"></div>

<div id="map" class="mapx"></div>

<p class="titre_map"><span id="message" style="font-size: 0.8em; font-weight: bold;"></span></p>

<hr style="clear: both; visibility: hidden;">

<div id="my_link"></div>

<script type="text/javascript">
//
// DEFINITION D UNE CARTE
//
var map;
//
// 0 Latitude
// 1 Longitude
// 2 Zoom
//
var mp = new Array();
//
mp["lieu"] = new Array();
//
mp["lieu"][0] = s_lat;
mp["lieu"][1] = s_lng;
mp["lieu"][2] = s_zoo;


function InitMap() {

if (google.maps.BrowserIsCompatible()) {
var geoXml = new google.maps.GeoXml(s_kml);

map = new google.maps.Map2(_gel("map"),{backgroundColor:"#99B3CC"});

// -- affiche les controles zoom et deplacement
map.addControl(new google.maps.SmallMapControl());
// -- affiche les choix type de map
map.addControl(new google.maps.MapTypeControl());
// -- ajoute controle relief
map.addMapType(G_PHYSICAL_MAP);
// -- ajoute controle earth
map.addMapType(G_SATELLITE_3D_MAP);

// -- ajout d un apercu (1/4 original 400 x 400)
var GovW = new google.maps.OverviewMapControl(new google.maps.Size(100,100));
map.addControl(GovW);
//
// -- affiche lat et longitude
google.maps.Event.addListener(map, "moveend", function() {
var center = map.getCenter();
_gel("message").innerHTML = center.toString().LatLngtoString(5);
});

//
//-- (latitude,longitude),zoom
//
map.setCenter(new google.maps.LatLng(parseFloat(mp["lieu"][0]),parseFloat(mp["lieu"][1])),parseInt(mp["lieu"][2]));

//-- affichage hybride au debut
map.setMapType(G_HYBRID_MAP);
//
// Place un marqueur au centre de la carte
//
map.addOverlay(geoXml);

//

// header
_gel("header").innerHTML=s_html1;

// renvois
_gel("my_link").innerHTML=s_html2;

}
else
{
alert('It seems JavaScript is either disabled or not supported by your browser');
}
}
</script><noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.
</noscript>

<script>
_IG_RegisterOnloadHandler(InitMap);
</script><noscript>Affichage d'une carte avec Google Maps. Des cartes pour vos sites Internet. Utilisation
des API Google Maps. Un gadget Google pour afficher une carte Google Maps. La clé API n'est pas nécessaire dans un Gadget</noscript>
]]></Content>
</Module>
