google maps zoom makers

[Uccio87]

Buongiorno, sto cercando una funzione che quando aumento lo zoom mi aumenti il numero dei maker che vengono visualizzati tipo http://it.louisvuitton.com/front/#/i...are-un-negozio

grazie

[cavicchiandrea]

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

[Vindav]

cerca in rete MarkerClusterer

[Uccio87]

cerca in rete MarkerClusterer

Grazie direi che è quello che stavo cercando

[Uccio87]

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??

[Uccio87]

<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*/

[Vindav]

crea una sola infowindow con le informazioni statiche, ed associa le informazioni variabili al marker durante il ciclo. Al click vai a recuperare queste info dall' oggetto this, cerca nel forum è un errore diffuso e già discusso.

[Uccio87]

crea una sola infowindow con le informazioni statiche, ed associa le informazioni variabili al marker durante il ciclo. Al click vai a recuperare queste info dall' oggetto this, cerca nel forum è un errore diffuso e già discusso.

ho risolto avevo sbagliato nello scrivere il nome di una variabile