Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Google map e marker di colore diverso

    Ciao a tutti,
    ho necessità di inserire 2 o più marker con colori diversi attraverso un js.
    L'inserimento dei vari marker mi riesce tranquillamente, ma non riesco a trovare il codice giusto per cambiarne il colore.

    Il codice (riassunto) è:


    function createMarker(point,html) {
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
    return marker;
    }

    var point = new GLatLng(41.130177,14.788746);
    var marker = createMarker(point,'<div class="googlemap2">1</div>');
    map.addOverlay(marker);

    var point = new GLatLng(41.130032,14.784502);
    var marker = createMarker(point,'<div class="googlemap2">2</div>');
    map.addOverlay(marker);


    Qual'è il codice per cambiare colore al marker?
    ho provato
    marker.color = yellow;
    oppure
    marker.color(yellow);
    ma niente

    Grazie in anticipo

  2. #2

    Re: Google map e marker di colore diverso

    Visto che vuoi semplicemente cambiare il colore dell'originale, possiamo modificare quell'icona in questo modo (occhio alle dimensioni delle immagini)
    codice:
    //Crea una nuova icona
    var blueIcon = new GIcon(G_DEFAULT_ICON);
    blueIcon.image = "blueIcon.png"; //blueIcon.png sarà una tua immagine ad hoc uguale all'originale ma di un colore diverso
    
    //Mettiamo l'oggetto delle opzioni in una var normale, per comodità
    markerBlue = { icon:blueIcon };
    
    function createMarker(point,html) {
    
      //Specifica quale icona usare quando crei un nuovo marker
      var marker = new GMarker(point, markerBlue);
      GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
      return marker;
    }
    
    var point = new GLatLng(41.130177,14.788746);
    var marker = createMarker(point,'<div class="googlemap2">1</div>');
    map.addOverlay(marker);		
    	
    var point = new GLatLng(41.130032,14.784502);
    var marker = createMarker(point,'<div class="googlemap2">2</div>');
    map.addOverlay(marker);
    Volendo potresti nn limitarti a cambiare solo l'immagine dell'icona, ma anche dimensioni, immagine dell'ombra e così via. Sulla pagina delle API c'è tutto cmq.
    http://code.google.com/intl/it-IT/ap...s.html#Markers

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.