Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    310

    Inserire GoogleMap con Wysiwyg

    Buongiorno a tutti,

    ho creato facilmente, tramite i tutorial presenti su google, una google map su una pagina web..

    Volevo sapere se era possibile inserire in qualche modo il codice tramite wysiwyg dato che devo creare un sito dinamico e le pagine le creo tramite l'editor.
    Ho provato ad inserire il codice javascript nel wysiwyg ma la mappa non esce fuori...

    Qualcuno di voi ha affrontato il problema?
    Grazie mille

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Precisa meglio la domanda... ho il timore che tu voglia mettere e visualizzare la mappa dentro la finestra di un editor html on-line... :master:

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    310
    Originariamente inviato da br1
    Precisa meglio la domanda... ho il timore che tu voglia mettere e visualizzare la mappa dentro la finestra di un editor html on-line... :master:

    ciao
    Mi spiego meglio.

    Ho creato una pagina html normalissima che contiene una mappa di google e fin qui tutto ok.
    Ora sto creando un sito dinamico dove i contenuti sono presi tutti da DB.

    Anche il codice javascript per creare la mappa dovrebbe essere preso da DB e inserito nel corpo della pagina per visualizzare la pagina.

    E' possibile farlo in qualche modo?

    Ho inserito questo codice e mi compare lo schema della schermata della mappa ma la mappa non compare rimane tutto grigio.:

    <div id="google_map" style="WIDTH: 400px; HEIGHT: 377px">
    </div>
    <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAz_byPh083x HR_vEOEDrg2RRWCxdWmNqgEo7BeEykY6El9Mo4ohTaFgpuMkg-2I9kyDI3tDFM6YYgOQ" type="text/javascript"></script>
    <script type="text/javascript">
    var map;
    var geoXml = new GGeoXml("http://maps.google.it/maps/ms?ie=UTF8&msa=0&hl=it&output=kml&msid=10680439310 9185921634.000001120ae572084b43e");



    var map = new GMap2(document.getElementById("google_map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(12.192627,18.556834), 17);
    // Add 10 markers in random locations on the map
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10; i++) {
    var point = new GLatLng(southWest.lat() + latSpan * Math.random(),southWest.lng() + lngSpan * Math.random());
    map.addOverlay(new GMarker(point));}
    // Add a polyline with five random points. Sort the points by
    // longitude so that the line does not intersect itself.
    var points = [];
    for (var i = 0; i < 5; i++) {
    points.push(new GLatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()));
    }
    points.sort(function(p1, p2) { return p1.lng() - p2.lng();});
    map.addOverlay(new GPolyline(points));

    </script>

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