Google maps aggiunta makers da php

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
Ciao a tutti sono nuovo ed avrei bisogno di una cortesia.
In giro ho trovato questo codice che mi permette di inserire su google maps i maker
PHP:
<?php
$conn = mysql_connect("localhost", "xxx", "xxx") or die(mysql_error());
mysql_select_db("mattinale") or die(mysql_error());
 
?>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Mappa</title>
        <style type="text/css">
            body { font: normal 15pt Helvetica, Arial; }
            #map { width: 850px; height: 700px; border: 5px; padding: 5px; }
        </style>
        <script src="http://maps.google.com/maps/api/js?key=____________&sensor=false" type="text/javascript"></script>
        <script type="text/javascript">
        var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/yellow.png",
                       new google.maps.Size(32, 32), new google.maps.Point(0, 0),
                       new google.maps.Point(16, 32));
            var center = null;
            var map = null;
            var currentPopup;
            var bounds = new google.maps.LatLngBounds();
            function addMarker(lat, lng, info) {
                var pt = new google.maps.LatLng(lat, lng);
                bounds.extend(pt);
                var marker = new google.maps.Marker({
                    position: pt,
                    icon: icon,
                    map: map
                });
                var popup = new google.maps.InfoWindow({
                    content: info,
                    maxWidth: 300
                });

                google.maps.event.addListener(marker, "click", function() {
                    if (currentPopup != null) {
                        currentPopup.close();
                        currentPopup = null;
                    }
                    popup.open(map, marker);
                    currentPopup = popup;
                });
                google.maps.event.addListener(popup, "closeclick", function() {
                    map.panTo(center);
                    currentPopup = null;
                });
            }           
            function initMap() {
                map = new google.maps.Map(document.getElementById("map"), {
                    center: new google.maps.LatLng(0, 0),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    mapTypeControl: true,
                    mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
                    },
                    navigationControl: true,
                    navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.ZOOM_PAN
                    }
                });

<?php
$query = mysql_query("SELECT * FROM moto")or die(mysql_error());
while($row = mysql_fetch_array($query))
{
$cognome= $row['cognome'];
$nome= $row['nome'];
  $lat = $row['lat'];
  $lng = $row['lng'];
  echo("addMarker($lat, $lng, '$cognome.$nome');\n");
   
}
   
?>
 center = bounds.getCenter();
     map.fitBounds(bounds);

     }
     </script>
     </head>
     <body onload="initMap()" style="margin:5px; border:5px; padding:5px;">
     <div id="map"></div>
     </body>
     </html>
Il codice funziona correttamente cioè mi fa vedere i makers sulla mappa ma se cambio solo la tabella nella query non mi fa vedere più la mappa.
PHP:
<?php
$conn = mysql_connect("localhost", "xxx", "xxx") or die(mysql_error());
mysql_select_db("mattinale") or die(mysql_error());
?>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title> Mappa</title>
        <style type="text/css">
            body { font: normal 15pt Helvetica, Arial; }
            #map { width: 850px; height: 700px; border: 5px; padding: 5px; }
        </style>
        <script src="http://maps.google.com/maps/api/js?key=_____________&sensor=false" type="text/javascript"></script>
        <script type="text/javascript">
        var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/yellow.png",
                       new google.maps.Size(32, 32), new google.maps.Point(0, 0),
                       new google.maps.Point(16, 32));
            var center = null;
            var map = null;
            var currentPopup;
            var bounds = new google.maps.LatLngBounds();
            function addMarker(lat, lng, info) {
                var pt = new google.maps.LatLng(lat, lng);
                bounds.extend(pt);
                var marker = new google.maps.Marker({
                    position: pt,
                    icon: icon,
                    map: map
                });
                var popup = new google.maps.InfoWindow({
                    content: info,
                    maxWidth: 300
                });

                google.maps.event.addListener(marker, "click", function() {
                    if (currentPopup != null) {
                        currentPopup.close();
                        currentPopup = null;
                    }
                    popup.open(map, marker);
                    currentPopup = popup;
                });
                google.maps.event.addListener(popup, "closeclick", function() {
                    map.panTo(center);
                    currentPopup = null;
                });
            }           
            function initMap() {
                map = new google.maps.Map(document.getElementById("map"), {
                    center: new google.maps.LatLng(0, 0),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    mapTypeControl: true,
                    mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
                    },
                    navigationControl: true,
                    navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.ZOOM_PAN
                    }
                });

<?php
$query = mysql_query("SELECT * FROM veicoli")or die(mysql_error());
while($row = mysql_fetch_array($query))
{
$cognome= $row['cognome'];
$nome= $row['nome'];
  $lat = $row['lat'];
  $lng = $row['lng'];
  echo("addMarker($lat, $lng, '$cognome.$nome');\n");
   
}
   
?>
 center = bounds.getCenter();
     map.fitBounds(bounds);

     }
     </script>
     </head>
     <body onload="initMap()" style="margin:5px; border:5px; padding:5px;">
     <div id="map"></div>
     </body>
     </html>
Da premettere che le tabella mysql sono identiche.
Come mai secondo voi?

Grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, hai controllato nell'html della pagina se questa istruzione viene stampata ?
Codice:
echo("addMarker($lat, $lng, '$cognome.$nome');\n");
e se si i parametri sono corretti ?
 

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
si la query funziona. infatti se tolgo il codice javascript mi stampa i risultati corretti
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ho copiato e incollato il codice utilizzando una tabella con lo stesso nome e gli stessi campi e funziona correttamente.
lo hai online per poterlo verificare ?
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
maxnegri Icon Multi Marker Personalizzate Google Maps Javascript 0
B "Scheda" di Google che appare su Google Maps Discussioni Varie 0
Tommy03 [PHP] Iframe Google Maps PHP 1
syndr0m3 [WordPress] Google Maps WordPress 0
A [Javascript] Mostrare un marker se è vicino al risultato di ricerca con google maps Javascript 3
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
T [Javascript] Google maps con puntatore animato funziona solo in locale Javascript 1
T Api google maps Sviluppo app per Android 1
simgia [Javascript] Google maps help! Javascript 1
H Condivisione posizione Google Maps e navigazione automatica Sviluppo app per Android 0
booklisa scrollwheel: true Wordpress e google maps CMS (Content Management System) 0
booklisa Wordpress e cartina google maps WordPress 0
felino Indicizzazione e Google Maps SEO e Posizionamento 1
base90 [PHP] [HTML] Google Maps con due indirizzi PHP 12
M [Javascript] Percorso predefinito Google Maps Javascript 0
S Google Maps e XMLHttpRequest Javascript 0
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
A Image Overlays Google Maps App Inventor 2 Presentati al Forum 0
Francesco Polese Segnaposto Google Maps dinamico PHP 5
A Rimuovere il Marker di Google Maps Javascript 0
M funzioni google maps sovrapposizione markers Javascript 0
M calcola percorso google maps Javascript 0
M Caricare più google maps con un ciclo Javascript 1
A Inserire Marker a Google Maps Javascript 3
K App che utilizzi le api di google maps Sviluppo app per Android 1
F Parola chiave posizionata su Google Maps è posizionamento? SEO e Posizionamento 10
A [Java] form con indirizzi presi da google maps Java 0
felino Google Maps - Marker con la stessa latitudine e longitudine HTML e CSS 1
felino Google Maps - Custom Street View panoramas HTML e CSS 1
S google maps Javascript 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
A Google maps API v2 in app Android Sviluppo app per Android 2
M Passare dati a google maps PHP 36
S Assegnare link ad un marker di google maps Javascript 2
T [Javascript] [RISOLTO] Problema con Google Maps e "Zero_Results" Javascript 11
T Problema con Google Maps e "Zero_Results" Classic ASP 2
R Google maps : marker e cerchio... non funziona Javascript 2
F Google maps: Assegnare icone personalizzate a markers estratti da mysql. Javascript 3
R google maps marker Javascript 7
P Google Maps + Form Javascript 1
G Filtrare risultati Google Maps PHP 1
ivarello Search Box in google maps Javascript 0
I Google Maps HTML e CSS 14
P Mostrare punti interesse du una mappa di google maps Javascript 1
P Google maps... help Javascript 3
M info marker google maps con cicli Javascript 0
borgo italia google maps jQuery 4
Sargon Google maps mysql php PHP 3

Discussioni simili