mappe google

borgo italia · 23 Lug 2012

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 · 24 Lug 2012

Ciao,
io non riesco a farlo funzionare

che librerie includi?

borgo italia · 24 Lug 2012

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 · 24 Lug 2012

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

borgo italia · 24 Lug 2012

ciao
perchè vuoi andare in perù? anzi di preciso a lima?

criric · 24 Lug 2012

Sono le coordinate fornite da Eliox
probabilmente è li in vacanza

criric · 29 Lug 2012

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 · 29 Lug 2012

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>

borgo italia · 30 Lug 2012

ciao
funzia grazie

Cerca

Cerca

mappe google

borgo italia

Super Moderatore

criric

Super Moderatore

borgo italia

Super Moderatore

criric

Super Moderatore

borgo italia

Super Moderatore

criric

Super Moderatore

criric

Super Moderatore

criric

Super Moderatore

borgo italia

Super Moderatore

Discussioni simili