Carte google intégrée dans les directions page

Question

Je veux que ma page d'itinéraires ait les mêmes fonctionnalités que la page this, c'est-à-dire que l'objet Google Map soit mis à jour à partir du formulaire sur la droite. Comment puis-je avoir ceci dans mes pages? J'utilise Django BTW, mais je ne pense pas que cela aura beaucoup d'importance ... l'implémentation devrait être universelle pour quelque chose comme ça. Je l'ai fait dans un site Drupal

Answer 1

L'API de code est assez simple. Vous pouvez générer la carte interactive initiale en utilisant votre longitude et le latitide comme point central.

function initialize() { 

     if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map_canvas")); 
     map.setCenter(new GLatLng(37.4419, -122.1419), 13); 
     } 
    } 

Ensuite, vous devez faire suivre votre formulaire d'appel à Google Geocoder. Cela transformera l'adresse entrée en longitude et lattitude - bien que vous puissiez peut-être contourner cette étape.

Ensuite, utilisez le nouveau Long & Lat pour générer une demande de directions (API Google, encore une fois).

// Create a directions object and register a map and DIV to hold the 
// resulting computed directions 

var map; 
var directionsPanel; 
var directions; 

function initialize() { 
    map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(42.351505,-71.094455), 15); 
    directionsPanel = document.getElementById("route"); 
    directions = new GDirections(map, directionsPanel); 
    directions.load("from: 500 Memorial Drive, Cambridge, MA to: 4 Yawkey Way, Boston, MA 02215 (Fenway Park)"); 
} 

Tout le Javascript peut aller directement dans votre HTML. Je vous suggère de prendre le temps d'étudier http://code.google.com/apis/ajax/playground/