Exemples divers

Insérer un logo sur des coordonnées géographiques

Voir l'exemple 
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>ViaMichelin Maps & Drive API</title>
            
        <script src="http://api.viamichelin.com/apijs/js/api.js" 
            type="text/javascript"></script>
        <script type="text/javascript">
            /* Insérez ici votre clé */
            VMAPI.registerKey("JSBS20070201123465789");
            VMAPI.setLanguage("fra");
                
            function initialise_adresse_et_carte(){
                var map = new VMMap(document.getElementById("yourmapdiv"));
                
                var localisation_entreprise = new VMLonLat(2.24344,48.83381);
                map.drawMap(localisation_entreprise, 15);
                
                /* Création de l'objet image */
                var image = new VMIcon('http://dev.viamichelin.fr/wswebsite/fra/img/petit_bib.gif',-12,-12);
                /* Création de la couche sur laquelle on positionne l'image */
                var coucheImage = new VMIconLayer(
                    localisation_entreprise, 
                    image, 
                    "Via Michelin"
                );
                /* Ajout de la couche sur l'image */
                map.addLayer(coucheImage);
                        
                map.showMapTools();
            }
        </script>
    </head>
    
    <!-- Lancement automatique du script javascript après le chargement de la page -->
    <body onload="initialise_adresse_et_carte();">
        <h1>ViaMichelin - Exemple de logo</h1>
        <p>Insérer un logo sur une carte</p>
        <div id="yourmapdiv" style="width:400px; height:320px"></div>
    </body>
</html>

Documentation associée

Lire les coordonnées actuelles de la carte

Voir l'exemple 
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>ViaMichelin Maps & Drive API</title>
        
        <script src="http://api.viamichelin.com/apijs/js/api.js"
            type="text/javascript"></script>
        <script type="text/javascript">
            /* Insérez ici votre clé */
              VMAPI.registerKey("JSBS20070201123465789");
            VMAPI.setLanguage("fra");
            var map;
            function initialise_adresse_et_carte(){
                map = new VMMap(document.getElementById("yourmapdiv"));
                map.drawMap(new VMLonLat(2.24344,48.83381), 15);
                map.showMapTools();
            }
            
            function coordonnees(){
                /* Quelles que soient les mouvements de carte déclenchés par l'utilisateur, la méthode getCenter() renvoit les coordonnées actuelles du centre de la carte */
                alert(map.getCenter());
            }
        </script>
    </head>
    
    <!-- Lancement automatique du script javascript après le chargement de la page -->
    <body onload="initialise_adresse_et_carte();">
        <div id="yourmapdiv" style="width: 500px; height: 500px"></div>
        <input type="button" value="Calcul des coordonnées"
            onclick="coordonnees()" />
    </body>
</html>

Documentation associée

Réaliser un export GPS

Voir l'exemple 
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>ViaMichelin Maps & Drive API</title>
    
    <script src="http://api.viamichelin.com/apijs/js/api.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        /* Insérez ici votre clé */
        VMAPI.registerKey("JSBS20070201123465789");
        VMAPI.setLanguage("fra");
        function geocoder_search(){
            geocoder = new VMGeocoder();
            myaddress = new VMAddress();
            
            var elements_formulaire = 
                document.forms['geocoder_form'].elements;
            myaddress.address = elements_formulaire['form_address'].value;
            myaddress.zipCode = elements_formulaire['form_CP'].value;
            myaddress.city = elements_formulaire['form_city'].value;
            myaddress.countryVMCode = elements_formulaire['country'].value;
            
            geocoder.addEventHandler("onCallBack",export_function);
            geocoder.search(myaddress);
        }
        
        /* L'affichage de la liste des pays */
        function load_country(){
            VMCountryUtil.addEventHandler(
                  "onCallBack",
                  function(){
                        document.getElementById("div_country").innerHTML 
                         = VMCountryUtil.getSelectHTMLString("country","FRA");
                      }
                  );
              VMCountryUtil.loadCountryLabels();
        }
        
        /* Fonction qui déclenche l'export sous la forme d'un fichier */
        function export_function(){
            myexport = new VMExportAsXVM();
            myexport.exportXVM(geocoder.result,"export_file");
        }
        </script>
    </head>
    
    <!-- Lancement automatique du script javascript après le chargement de la page -->
    <body onload="load_country();">
        <h1>ViaMichelin - Exemple d'export</h1>
        <p>Exporter des coordonnées pour votre GPS</p>
        
        <form name="geocoder_form">
        
            <label for="form_address">Adresse :</label>
            <input type="text" value="Place des Carmes-Déchaux"
                name="form_address" id="form_adress" />
            
            <br />
            
            <label for="form_CP">Code Postal :</label>
            <input type="text" value="63040" name="form_CP" 
                id="form_CP" />
                
            <br />
            
            <label for="form_city">Ville :</label>
            <input type="text" value="CLERMONT-FERRAND"
                name="form_city" id="form_city" />
            
            <br />
            
            <label for="form_country">Pays :</label>
            <div id="div_country"></div>
            
            <br />
            
            <input type="button" value="Tester" onclick="geocoder_search();">
            
        </form>
        
    </body>
</html>

Documentation associée