Intégration de Google Maps dans le site Web

Je veux faire une application web qui va obtenir 2 emplacement et leur code postal et montrer le résultat sur google map. Par exemple, je sélectionne 2 villes ou un pays et montre la carte routière avec une ligne de couleur selon mes points.Intégration de Google Maps dans le site Web

Source

2011-03-04 Mani

Le meilleur endroit pour regarder est la V3 API Google Maps Documentation - Je recommande V3 car ils ne prennent pas en charge V2 plus

documentation principale: http://code.google.com/apis/maps/documentation/javascript/

échantillons: http://code.google.com/apis/maps/documentation/javascript/examples/index.html

échantillon directions simple: http://code.google.com/apis/maps/documentation/javascript/examples/directions-simple.html

Fondamentalement, vous devez avoir les deux coordonnées, même si vous pouvez utiliser des adresses de rue, et transmettre cela à l'API et il va à google ge ts les résultats et ensuite les tracer. C'est de la tarte!

Source

2011-03-04 08:48:31 m4rc

Je suis très complet pour vous remercier de votre réponse. Si vous m'envoyez un code je suis intigrate dans mon code et fait la modification selon mes exigences. Je suis voir votre dernier lien son totly lié à ma question mais je suis ajouter plus de lieux et son attach avec mon application. meilleures salutations – Mani

une autre chose la taille de la carte est si grande, nous avons besoin d'un 3 par 3 pouces – Mani

En ce qui concerne la taille de la carte, vous pouvez simplement le mettre dans un div qui a son style de largeur et de hauteur. par exemple.

– m4rc

Enregistrer ce code comme location.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Google Maps JavaScript API v3 Example: Map Geolocation</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="UTF-8"> 
    <link href="map.css" rel="stylesheet" type="text/css"> 
<!-- 
Include the maps javascript with sensor=true because this code is using a 
sensor (a GPS locator) to determine the user's location. 
See: http://code.google.com/apis/maps/documentation/javascript/basics.html#SpecifyingSensor 
--> 
<script type="text/javascript" 
    src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript"> 
var siberia = new google.maps.LatLng(37.625364,-122.423905); 

function initialize() { 
    var myOptions = { 
    zoom:19, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    var infowindow = new google.maps.InfoWindow({ 
      map: map, 
      position: siberia, 
      content: 'Location found using HTML5.' 
     }); 

    var marker = new google.maps.Marker({ 
    position: siberia, 
    map: map, 
    title: "omt" 
    }); 
    map.setCenter(siberia); 

} 
    google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html>

Enregistrer ce code comme map.css

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

#map_canvas { 
    height: 100%; 
} 

@media print { 
    html, body { 
    height: auto; 
    } 

#map_canvas { 
height: 650px; 
} 
}

Source

2011-10-05 12:41:47

Intégration de Google Maps dans le site Web

Répondre

Questions connexes