mappe google

borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
mi sono fatto (non completamente io) una pagina in cui da una select con i nomi appaiono le mappe di google delle località citate nel mio sito.
ho fatto una tabella con i seguenti campi (non li metto tutti):
loc varchar (250) //nome della località
lat double //latitudine
lon double //longitudine
zoom int(2) //zoom sulla mappa
in funzione della selezione faccio la select alla tabella, estraggo i dati che vengono passati alla funzione js
PHP: 
<script type="text/javascript">
	var map;
   $(document).ready(function(){
      map = new GMaps({
        div: '#map',
		lat: <?php echo $lat;?>,
		lng: <?php echo $lon;?>,
		zoom: <?php echo $zoom;?>
      });
      map.addMarker({
        lat: <?php echo $lat;?>,
        lng: <?php echo $lon;?>,
        title: '<?php echo $local[$l];?>',
      });
    });
</script>
ora vorrei aggiungere alla tabella il campo
tipo set('m','s')
e fatta la selezione
se $tipo == 'm' la mappa classica, se $tipo == 's' tipo satellite
ho provato (come consigliato da eliox) a guardare su
https://developers.google.com/maps/documentation/javascript/controls#ControlsOverview
ma devo dire che non ci ho capito un c...o (un po'per il maledetto albionico e un po' perche js e similaria lo mastico male)
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
io non riesco a farlo funzionare

che librerie includi?
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
queste
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="gmaps.js"></script>

poi comunque vai su
http://blog.mrwebmaster.it/2012/06/04/gmaps-js-per-integrare-velocemente-le-mappe-di-google.html

dovi trovi il link per le istruzioni (nel maledetto albionico) e per scaricare gmaps.js

p.s.
se vai sul mio sito le vedi funzionare seconda pagina link "mappe" (anche se alcuni accorgimenti sono di alex: sistema di filtraggio, che usa ajax e jq, se ti serve te lo posto casomai in allegato o te le mando per email, che non mi ricordo)
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Niente da fare, questa proprio non mi riesce : pagina bianca
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript">
            var map;
            $(document).ready(function(){                
                map = new GMaps({
                    div: '#map',
                    lat: -12.043333,
                    lng: -77.028333
                });
            });
        </script>
    </head>
    <body>
        <div id="map">
            
        </div>
    </body>
</html>
Nemmeno spostando lo script
Ci riproverò stasera
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Sono le coordinate fornite da Eliox
probabilmente è li in vacanza
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ora mi funziona.
Non avevo dato le dimensioni al div

HTML: 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript">
            var map;
            $(document).ready(function(){                
                map = new GMaps({
                    div: '#map',
                    lat: -12.043333,
                    lng: -77.028333
                });
            });
        </script>
    </head>
    <body>
        <div style="width: 400px;height:300px;border:1px solid red" id="map">

        </div>
    </body>
</html>

ora ci faro delle prove
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ciao,
puoi provare cosi:

PHP: 
<?php
if (1 == 1)
    $tipo = "SATELLITE";
else
    $tipo = "ROADMAP";
?>
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript">
            var map;
            $(document).ready(function(){
                map = new GMaps({
                    div: '#map',
                    lat: 46.082757,
                    lng: 11.159649,
                    mapTypeId: google.maps.MapTypeId.<?php echo $tipo ?>,
                    zoom: 12
                });
            });
        </script>
    </head>
    <body>
        <div style="width: 400px;height:300px;border:1px solid red" id="map">

        </div>
    </body>
</html>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
F infowindow delle mappe di google Javascript 0
M [risolto] Script ajax per form e mappe Ajax 6
C Creare mappe in un'immagine con link ed "evidenziate" al passaggio del mouse HTML e CSS 5
playmo Disegnare mappe "usemap" con Linux Linux e Software 0
V Mappe immagine problema con le coordinate HTML e CSS 1
P Joomla: componente per mappe Joomla 3
T Inserire mappe HTML e CSS 1
F mappe sensibili e lente di ingrandimento Javascript 0
M copiright mappe cartine sito web Webdesign e Grafica 0
P Utilizzo delle mappe sensibili HTML e CSS 1
L Campagne SMART di Google Ads Google Ads (AdWords) 0
R È possibile ricevere avvisi di accesso da Google su un solo telefono senza disconnettersi dall'account? Discussioni Varie 0
G Perché il mio sito su Google news fa vedere le immagini degli articoli la mia foto profilo? WordPress 1
S Script Google Translate scomparso HTML e CSS 3
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
L Api Google - kml Javascript 1
Shyson Google search non trova il mio sito SEO e Posizionamento 1
M Google API Vision PHP 5
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
L Bing prima pagina prima riga; Google mi ignora SEO e Posizionamento 0
MarcoGrazia Categorie per settore merceologico di Google SEO e Posizionamento 0
L java + Api di google Javascript 1
M Barra di navigazione con google HTML e CSS 1
R Copertura Google Search Console in caduta libera SEO e Posizionamento 3
N Indicizzazione immagini su Google Google Search Console 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
C Come caricare foto da google foto ad un sito? Discussioni Varie 1
felino TV LCD, Google Chromecast e audio in uscita Discussioni Varie 1
Max 1 Microfono Google Smartphone e tablet 2
L Google chart php mysql PHP 2
L titolo del sito nella pagina di ricerca di google SEO e Posizionamento 2
R Tradurre stringhe con php e google translator PHP 4
A Mailchimp - Google Analytics Email Marketing 6
maxnegri Icon Multi Marker Personalizzate Google Maps Javascript 0
B Google Analytics - track visualizzazioni pdf Google Analytics 0
S come togliere un post dai risultati di google? Supporto Mr.Webmaster 5
E [Offro] Realizzazione di siti web e ottimizzazione SEO per raggiungere il primo posto su Google Offerte e Richieste di Lavoro e/o Collaborazione 0
Giacomo9 Traffico diretto insolito Google Analitycs Google Analytics 0
G Richiesta consigli SEO: nuovo algoritmo Google (e altro) SEO e Posizionamento 2
S Strano problema con i title su Google SEO e Posizionamento 3
G VENDO 5 recensioni Google / Facebook Annunci servizi di Social Media Marketing 0
R requisiti richiesti altervista with google adsense Google AdSense 0
B "Scheda" di Google che appare su Google Maps Discussioni Varie 0
M POSIZIONE NEI RUSULTATI GOOGLE SEO e Posizionamento 1
E Info tempi di indicizzazione google SEO e Posizionamento 4
F Servizi Seo. Visite reali e organiche. tutte visibili su google analytics Annunci servizi di Social Media Marketing 0
F Posizionamento google 1# + nuovi utenti organici. Annunci servizi di Social Media Marketing 0
borgo italia google plus chiude Discussioni Varie 2
ANDREA20 [PHP] Google PHP 1
F modifica recensione google Discussioni Varie 2

Discussioni simili

Alto Basso