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

    Problema con javascript per google maps

    Salve a tutti! Premetto che non conosco molto bene i termini relativi all'informatica,quindi abbiate pazienza per favore (ho solo 15 anni)... Sto facendo a scuola un corso per creare un nuovo sito (con joomla 1.5) per il liceo e in questo sito vogliamo aggiungere una mappa di google maps con più punti e relative descrizioni. Ho provato a lavorarci da sola ma mi sono bloccata. Inizialmente ho creato una mappa personalizzata e poi l'ho inserita nel sito ma non ero soddisfatta, quindi ho pensato di provare ad usare un codice javascript molto più "pulito" e ordinato... sono riuscita a mettere il codice e il primo punto, ma appena provo ad aggiungere un nuovo marker questo non appare e inoltre sparisce anche il primo...
    Questo è il codice:

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script language="javascript" type="text/javascript">
    function initializeMap(){
    var myLatlng = new google.maps.LatLng(44.*******,10.*******);
    var myOptions = {
    zoom: 6,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canva s"), myOptions);
    var image = 'marker_icon2.png';
    var contentString = 'testo che compare nella descrizione del marker';
    var infowindow = new google.maps.InfoWindow({
    content: contentString,
    maxWidth:400
    });
    var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"SubmittedBy"
    });
    google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
    });
    var marker2 = new google.maps.Marker({
    position: new google.maps.LatLng(),
    map: map,
    title:"SubmittedBy",
    icon: image
    });
    google.maps.event.addListener(marker2, 'click', function() {
    infowindow.open(map,marker2);
    });
    }
    </script>
    <table>
    <tr>

    <td class="right" colspan='2'>
    <div id="map_canvas" style="height:600px;width:450px"></div>
    <script type="text/javascript">initializeMap();</script>
    </td>
    </tr>
    </table>


    Ho censurato la latitudine e la longitudine.... Il mio problema ora è: il secondo marker dove lo devo mettere? qui?:

    var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"SubmittedBy"

    Se sì, dove esattamente? perchè non mi funziona? se no: allora come devo fare?

    Grazie in anticipo a tutti!!!

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    benvenuta
    prova ad adattare questo esempio

  3. #3
    Grazie del consiglio! Ho provato ad adattare la mappa e mi piace, ma vorrei che non uscissero i popup ogni volta che si clicca su un marker...c'è un modo per toglierli?

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    questa la parte responsabile:
    codice:
                google.maps.event.addListener(marker, "click", function () {
                    alert(this.html);
                    infowindow.setContent(this.html);
                    infowindow.open(map, this);
                });
    se parli degli alert rimuovi questa riga
    alert(this.html);

    se non vuoi alcun tipo di popup rimuovi tutto il blocco di cui sopra
    ciao

  5. #5
    Grazie mille!!! Ora è perfetta!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.