API Google Maps v3, Variables Globales

Question

Je suis un peu un joker quand il s'agit de javascript, mais je voulais placer une carte Google de mon emplacement sur mon site web, et avoir un formulaire simple où les visiteurs peuvent entrer leur adresse et les directions seraient montrées. Je l'ai bien fonctionné, mais il a été mentionné qu'il y a trop de variables globales créées par le script. Les globals sont les suivantes:

calcRoute, directionsDisplay, directionsService, google, initialize, map

Si je tente de faire l'une de ces GLOBALS au lieu local, il casse le script, et la carte n'affiche pas. Voici les js que j'ai écrit:

var initialize = function strict() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    mapCenter = new google.maps.LatLng(53.503716, -1.12975); 
    mapOptions = { 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    center: mapCenter 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
    directionsDisplay.setMap(map); 
    directionsDisplay.setPanel(document.getElementById("directionsPanel")); 
    locationPin = "images/location_pin.png"; 
    newMarker = new google.maps.Marker({ position: mapCenter,map: map,icon: locationPin}); 
    }; 

var calcRoute = function strict() { 
    routeStart = document.getElementById("start").value; 
    calculatedRoute = {origin: routeStart, destination: mapCenter, travelMode: google.maps.TravelMode.DRIVING}; 
    directionsService.route(calculatedRoute, function (routeStart, mapCenter) { 
    directionsDisplay.setDirections(routeStart); 
    calculatedRoute = routeStart.routes[0].legs[0]; 
    }); 
}; 
var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 
var map; 

Pour autant que je peux voir, globals je l'ai mentionné sont requis par l'API Google Maps et ils doivent être globals. Tout conseil à ce sujet serait très apprécié.

Answer 1

Votre code est OK!

Mais, si vous ne voulez pas que cette variable soit globale, insérez le code à une fonction, comme:

(function() { 
    //your code 
}()); 

Avec cela, les variables seront à portée, mais dans votre cas, il ne fait pas de différence ...