Visualizzazione dei risultati da 1 a 8 su 8

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    205
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Tutto quello che puoi fare con le mappe di google lo trovi qui e se il risultato dovrà essere com il sito di louisvuitton auguri
    perchè la vedi così difficile??

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    205
    codice:
    <script type="text/javascript">
    function initialize() {
    //definizione coordinate su cui centrare la mappa
     var lat_centro = "44.114773";
     var long_centro = "9.8517";
    //inizializzazione vettori
     var lat = new Array();
     var long = new Array();
     var descr = new Array();
     var ico = new Array();
    //popolamento vettori. Per aggiungere punti è sufficiente inserire una nuova terna di
     // valori:  lat[4], long[4], descr[4] e cosi’ via
    var image = 'IMG/icofabbrica.png';
    var image2 = 'IMG/icoagenti.png';
    var image3 = 'IMG/iconegozi.png';
    lat[0] = "44.111206";
     long[0] = "9.834749";
     ico[0] = image2;
    lat[1] = "242.117701";
     long[1] = "9.871722";
      ico[1] = image3;
    lat[2] = "40.113025";
     long[2] = "9.843195";
     ico[2] = image;
    lat[3] = "44.118320";
     long[3] = "29.846319";
     ico[3] = image2;
     
    lat[4]="15.2411624";
     long[4]="40.8534672";
     ico[4] = image3;
     
    lat[5]="14.2411624";
     long[5]="35.8534672";
     ico[5] = image3; 
    lat[6]="14.2411624";
     long[6]="49.8534672";
      ico[6] = image2;
     
     lat[7]="14.2411624";
     long[7]="45.8534672";
      ico[7] = image2;
     
     lat[8]="16.2411624";
     long[8]="43.8534672";
      ico[8] = image3;
     
       
    //Opzioni della mappa: zoom livello 14, centrata su un punto particolare,
     //modalità IBRIDA
     var Opzioni = {
             zoom:2, center: new google.maps.LatLng(lat_centro, long_centro),
             mapTypeId: google.maps.MapTypeId.HYBRID,
            scaleControl: false    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), Opzioni);
    //ciclo FOR per la lettura dei valori dei vettori e relativa visualizzazione su
     //mappa
     var i = 0;
     var markers = [];
     for (i=0; i<lat[1].length; i++)
         {  
            
       var contentString = 
           '<div>'+
           '<h2>Fabbrica</h2>'+
           '<p>Center of Torino</b><br/>'+
           '<small><b>Lat.</b> 45.0349648, <b>Lon.</b> 7.6522887</small></p>'+
           '<a target="_blank" href="http://www.xxx.it">'+
           'stroppiana</a> '+
           '</div>';
        
       infowindow = new google.maps.InfoWindow({
           content: contentString,
           maxWidth: 230,
           maxHeight: 300,
       });
         
            marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat[i], long[i]),
            map: map, icon: ico[i] });  
            
    /* inizio */
        google.maps.event.addListener(maker, 'click', function() {
         infowindow.open(map,this);
       });           
      
            
        google.maps.event.addListener(maker, 'mouseout', function() {
         setTimeout(function() { infowindow.close(); }, 3000);
       });     
    /* fine */
        markers.push(marker);
       }
        
    var markerCluster = new MarkerClusterer(map, markers);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
     </script>
    sono riuscito svilupare questo codice a non riesco a inserire le infoWindow, l'array non cicla e non si vedono le info, perché? il problema si pone tra /*inzio*/ e /*fine*/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.