2010-07-17 13 views
4

J'ai une application web. Je souhaite intégrer Google Maps pour afficher la carte d'un emplacement dans lequel l'utilisateur tape l'emplacement de recherche. De l'aide?Comment intégrer Google Maps dans une application Web?

+0

pour afficher l'emplacement de votre entreprise? – sathish

+0

Pas exactement. Cet emplacement est quelque chose que l'utilisateur est prêt à voir à travers les cartes. Je ne veux pas divulguer d'autres détails, car ils sont confidentiels. –

Répondre

3

Si j'ai bien compris votre question, vous voulez que vos utilisateurs recherchent un emplacement, puis oui sur la carte. Si tel est le cas, cela peut être fait très facilement, en utilisant le Geocoding Services fourni par le Google Maps JavaScript API. Prenons l'exemple suivant:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps Geocoding Demo</title> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
</head> 
<body> 
    <div id="map" style="width: 400px; height: 300px;"></div> 

    <script type="text/javascript"> 

    var address = 'London, UK'; 

    var map = new google.maps.Map(document.getElementById('map'), { 
     mapTypeId: google.maps.MapTypeId.TERRAIN, 
     zoom: 6 
    }); 

    var geocoder = new google.maps.Geocoder(); 

    geocoder.geocode({ 
     'address': address 
    }, 
    function(results, status) { 
     if(status == google.maps.GeocoderStatus.OK) { 
     new google.maps.Marker({ 
      position: results[0].geometry.location, 
      map: map 
     }); 
     map.setCenter(results[0].geometry.location); 
     } 
     else { 
     // Google couldn't geocode this request. Handle appropriately. 
     } 
    }); 

    </script> 
</body> 
</html> 

Screenshot:

Google Maps v3 Geocoding Demo

Vous pouvez simplement remplacer la valeur de la variable address, qui dans cet exemple est destiné à 'London, UK' à l'endroit recherché par vos utilisateurs.

0

ÉTAPE 1: Ouvrez la carte que vous souhaitez intégrer. Il peut s'agir d'une carte que vous avez créée sous l'onglet Mes cartes, ou d'une recherche d'adresse, d'activité commerciale ou d'itinéraire. ÉTAPE 2: Copiez le code HTML dans la zone de texte après avoir cliqué sur "Lien vers cette page". Vous pouvez également personnaliser la taille de la carte et l'afficher avant l'incorporation. ÉTAPE 3: Collez le code HTML dans votre site Web ou dans l'éditeur de votre blog.

ou bien Voir ce site http://www.higheredblogcon.com/library/deweese/presentation.html

Questions connexes