Google Maps API v3 - Einfache, aber hinzufügen Geocode Adresse von php/mysql

Habe ich dieses einfache "hello world" - version von google Maps javascript-api v3 und es funktioniert für eine statische geocode. Meine Daten sind normal-Adressen (z.B. "30 rockefeller center, New York, New York").

Diese Daten genannt wird, aus mit php aus einer mysql-Datenbank. Ich kann die Adresse auf der Seite, mit etwas wie diesem...Für den Zweck von diesem post sagen, das würde alle info: address, city, state, zip code

<?php echo $row_query_details['address'];?>

So, ich muss geocode diese info für die Karte. Ich fühle mich sehr wohl mit mysql und php, aber nicht so viel mit javascript. Ich habe trial/error und Erforschung dieser für ein paar Tage.

Ich habe überall gesucht für ein funktionsfähiges Muster oder Beispiel und fühlen, wie dieses relativ einfache problem gewesen sein müssen gestellt und beantwortet viele Male, aber ich kann nicht es herausfinden!

Vielen Dank im Voraus.

Hier ist der code mit dem ich arbeite:

            <!DOCTYPE html>
            <html>
            <head>
            <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
            <style type="text/css">
              html { height: 100% }
              body { height: 100%; margin: 0; padding: 0 }
              #map_canvas { height: 100% }
            </style>
            <script type="text/javascript"
                src="http://maps.googleapis.com/maps/api/js?sensor=false">
            </script>
            <script type="text/javascript">
              function initialize() {
                var latlng = new google.maps.LatLng(-34.397, 150.644);
                var myOptions = {
                  zoom: 8,
                  center: latlng,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"),
                    myOptions);
             var marker = new google.maps.Marker({
                  position: latlng,
                  title:"Hello World!"
              });

              //To add the marker to the map, call setMap();
              marker.setMap(map);  
              }

            </script>
            </head>
            <body onload="initialize()">
              <div id="map_canvas" style="width:500px; height:500px"></div>
            </body>
            </html>
InformationsquelleAutor Kevin | 2011-10-21
Schreibe einen Kommentar