carte mondial relay

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <title>Utilisation du Widget Mondial Relay</title>
    <!--jQuery-->  
    <script type="text/javascript" 
            src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>  
    <!-- Widget MR -->
    <script type="text/javascript"   
            src="https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>    
  </head>
  <body>
    <!-- Widget -->
    <div id="Zone_Widget"></div>
    <!-- Parcelshop code -->
    <input type="hidden" id="ParcelShopCode" name="ParcelShopCode" />
  </body>
</html>
  1. <!–On charge Jquery depuis le CDN de google–>  
  2. <script type=« text/javascript » src=« //ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js »></script>  
  3.   
  4. <!– Charger Leaflet pour l’affichage de la map–>  
  5. <script type=« text/javascript » src=« //unpkg.com/leaflet/dist/leaflet.js »></script>  
  6. <link rel=« stylesheet » type=« text/css » href=« //unpkg.com/leaflet/dist/leaflet.css » />  
  7.   
  8.  <!–On charge le widget mondial relay depuis leurs serveurs–>  
  9. <script type=« text/javascript » src=« https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js »></script> 
  10. $(document).ready(function () {  
  11.        // Charge le widget dans la DIV d’id « Zone_Widget » avec les paramètres indiqués  
  12.        // et renverra le Point Relais sélectionné par l’utilisateur dans le champs d’ID « Retour_Widget »  
  13.         $(« #Zone_Widget »).MR_ParcelShopPicker({     
  14.                 Target: « #Retour_Widget »// Selecteur JQuery de l’élément dans lequel sera renvoyé l’ID du Point Relais sélectionné (généralement un champ input hidden)  
  15.                 Brand: « BDTEST  « // Votre code client Mondial Relay  
  16.                 Country: « FR » // Code ISO 2 lettres du pays utilisé pour la recherche  
  17.         });  
  18. });  
  19.