Google maps

[poeta1978]

<style type="text/css">
#map { float:left; width:70%; height:95%; }
#panel { float:left; width:30%; height:95%; }
#panel table { font-size:10px; }
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true&amp;&language=it"></script>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
  
    calcRoute();
	directionsDisplay = new google.maps.DirectionsRenderer();
    //var roma = new google.maps.LatLng(41.8954656, 12.4823243);
    var myOptions = { 
		zoom:7,
      	mapTypeId: google.maps.MapTypeId.ROADMAP
	  	//,center: roma
    }
    
	map = new google.maps.Map(document.getElementById("map"), myOptions);
    
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById("panel"));

	
	var selectTags = document.getElementsByTagName("select");	
	for(i=0;i<selectTags.length;i++){
		selectTags[i].onchange=function(){ 
			calcRoute();
		};
	}
}
  
  function calcRoute() {
    var partenza = document.getElementById("partenza").value;
    var arrivo = document.getElementById("arrivo").value;
    var request = {
        origin:partenza, 
        destination:arrivo,
        travelMode: google.maps.DirectionsTravelMode.WALKING
    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      }
    });
  }
window.onload = initialize;
</script>

			
<div>
Partenza: 
<select id="partenza">
  	<option value="Viale Franco Angeli - Roma">Viale Franco Angeli - Roma</option>
  	<option value="Via Masurio Sabino - Roma">Via Masurio Sabino - Roma</option>
  	<option value="Viale dei Romanisti - Roma">Viale dei Romanisti - roma</option>
  	<option value="Policlinico Gemelli - Roma">Policlinico Gemelli - Roma</option>
  	<option value="Villa Borghese - Roma">Villa Borghese - Roma</option>
</select>
Arrivo: 
<select id="arrivo">
  	<option value="Villa Ada - Roma">Villa Ada - Roma</option>
  	<option value="Aereoporto di Fiumicino - Roma">Aereoporto di Fiumicino - Roma</option>
  	<option value="Tor Pignattara - Roma">Tor Pignattara - Roma</option>
  	<option value="Stazione Termini - Roma">Stazione Termini - Roma</option>
  	<option value="Piazza della Repubblica - Roma">Piazza della Repubblica - Roma</option>
</select>
</div>
<div id="map"></div>

<div id="panel"></div>

Questo codice al "naturale" va bene, ma implementato in un template non esce la mappa, solo il pannello destro, dov'è l'errore?

[cavicchiandrea]

Se script e mappa da soli vanno e smettono d'andare quando implementi il template, la risposta mi sembra scontata... nel template

[poeta1978]

In effetti c'è una funzione map nei file del template, ho modificato il codice google e non esce più nulla

[poeta1978]

In pratica ho tolto css e script ma nulla, vuole solo html base, non è possibile