“Conocimientos Programación>Programación PHP /MySQL

Cómo empezar una aplicación de mapas Google con PHP

2012/11/10
Para iniciar una aplicación de Google Maps con PHP, es necesario crear un script PHP que es la salida de los datos necesarios para la aplicación Google Maps en un formato XML. A continuación, deberá crear la funcionalidad de la aplicación Google Maps con HTML y Javascript y llamar al script PHP para recuperar los datos necesarios para el mapa. Puede encapsular opcionalmente toda la aplicación Google Maps dentro de un archivo PHP , en lugar de en un archivo HTML, para incluir la lógica adicional. Instrucciones
Create Script PHP
1

Crear una clase PHP para almacenar coordenadas de latitud y longitud y una descripción . Por ejemplo , escriba:

< php

clase coordenadas {

público $ latitud, longitud $ , $ descripción;

public function __ construct ( ? $ lat , lng $ , $ description ) {

$ this -> latitud = $ lat ;

$ this -> longitud = $ lng ;

$ this - > Descripción = $ descripción;

}

}
2

Crear una clase PHP para almacenar un conjunto de coordenadas asociadas a un nombre de identificación y descripción. Añadir una función de la clase a la salida de una versión XML de los datos . Por ejemplo , escriba:
clase

Coordenadas {

protegida $ coordenadas ;

public function __ construct ( ) {

$ this -> coordenadas = array (); }


complemento de función pública ( $ name , $ descripción, $ lat , lng $ ) {

$ this -> coordenadas [$ nombre ] = nuevas coordenadas ( $ lat , lng $ , $ description ) ;

}

output_xml public function () {

$ xml = new DOMDocument ( " 1.0 ");

$ node = $ xml- > createElement ( "marcadores" ) ;

$ root = $ xml- > appendChild ( $ node ) ;

foreach ( $ this - > coordenadas como $ key = > $ valor ) {

$ node = $ xml- > createElement ( "marcador ");

$ nodo_nuevo = $ root -> appendChild ( $ node ) ;

$ nodo_nuevo -> setAttribute ( "ciudad", $ clave ) ;

$ nodo_nuevo -> setAttribute ( " lat " , $ value -> latitud ) ;

$ nodo_nuevo -> setAttribute ( " lng" , $ value -> longitud) ;

$ nodo_nuevo -> setAttribute ( " desc" , $ value -> descripción) ;

}

echo $ xml- > SaveXML (); }


}
3

Crear el programa principal de PHP para almacenar la latitud y longitud de las ciudades y de salida de una versión XML de los datos cuando se ejecuta el programa seleccionado. Por ejemplo , escriba:

$ ciudades = new Coordenadas ( ) ;

$ ciudades -> add ( " Nassau ", " Bahamas ", " 25.08333 ", " -77.3333 ");

$ ciudades -> add ( "El Cairo " , "Egipto ", " 36.01667 ", " 31.2333 ");

$ ciudades -> add ( " París" , " Francia " , " 48.83333 ", " 2.33333 ");

$ ciudades -> add ( "Beijing " , "China ", " 39.91667 ", " 116.3333 ");

$ ciudades -> , añadir ( " Santiago ", " Chile ", " -33.40000 ", " -70.66667 ");

$ ciudades -> output_xml ( );

>

Create Google Maps Aplicación
4

Crear un nuevo archivo PHP si desea incluir lógica de PHP con el programa principal. Cree las cabeceras HTML de la página Web. Por ejemplo , escriba: < ? Php

$ custom_name = " Steve" ;

>





< meta http -equiv = contenido " content-Type " = "text /html ; charset = utf - 8 ?" />

< php echo $ custom_name ; ? > ' s Mapa de Internacional Ciudades < /title> <br> 5 <p> Incluir la biblioteca externa Google Maps API javscript . Por ejemplo , escriba: <br> <p> Messenger src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"> < /script> ; <br> 6 <p> Crear el programa principal de Javascript. Comienza la secuencia de comandos mediante la creación de una variable para almacenar el mapa . Por ejemplo , escriba: <br> <p> <script type="text/javascript"> <br> <p> mapa var ; <br> 7 <p> Crear una función para visualizar el mapa en la pantalla. Comience por definir las opciones para el mapa. Crear el mapa y crear una variable para la ventana de información emergente. Por ejemplo , escriba: <br> función <p> create () { var <br> <p> newYork = new google.maps.LatLng ( 40.69847032728747 , -73.9514422416687 ) ; <br> <p> MapOptions var = { zoom : 13 , centro : NewYork , mapTypeId : "hoja de ruta "} ; y mapa <p> = new google.maps.Map ( document.getElementById ( "map" ) , MapOptions ) ; <br> <p> infoWindow = new google . maps.InfoWindow ; <br> 8 <p> Llamar una función que forma asíncrona recuperar los datos desde el archivo PHP. Cree la función callback que procesará los datos y graficar los marcadores en el mapa . Por ejemplo , escriba: <br> <p> downloadPHPData ( " coordinates.php " , función ( data) { <br> <p> var xml = data.responseXML ; <br> <p> marcadores var = xml.documentElement . getElementsByTagName ( "marcador "); <br> <p> for (var i = 0 ; i < markers.length , i + + ) { <br> <p> ciudad var = marcadores [ i ] getAttribute ( "ciudad" ) . ; <br> <p> var = new punto google.maps.LatLng ( parseFloat ( marcadores [ i ] getAttribute ( " lat ")) , parseFloat ( marcadores [ i ] getAttribute ( " GNL ")) . ). ; <br> <p> var html = ciudad + "," + marcadores [ i ] getAttribute ( "desc "); <br> <p> var marcador = new google.maps.Marker ({ mapa: . mapa, posición , punto , título : city} ) ; <br> <p> bindInfoWindow ( marcador, mapa, infoWindow , html ) ; <br> <p> <br> <p> } } ) ; } <br> <p> <br> <br> 9 <p> Crear la función para recuperar los datos de forma asíncrona y pasarla a la función de devolución de llamada. Por ejemplo , escriba: <br> función <p> downloadPHPData (URL , callback ) { <br> <p> var request = window.ActiveXObject ? nueva ActiveXObject ( " Microsoft.XMLHTTP ") : new XMLHttpRequest ; <br> <p> request.onreadystatechange = function ( ) { <br> <p> if ( request.readyState == 4 ) { <br> solicitud <p> . onreadystatechange = DoNothing ; <br> <p> callback (request, request.status ) ; <br> <p> } <br> <p> } ; <br> <p> request.open ( 'GET' , URL , true) ; <br> <p> request.send ( null); } <br> <p> <br> <p> DoNothing function () { } <br> <p> <br> 10 < p > Crear la función emergente de la ventana de información cuando se hace clic en un marcador . Por ejemplo , escriba: <br> función <p> bindInfoWindow ( marcador, mapa, infoWindow , html ) { <br> <p> google.maps.event.addListener ( marcador, "click " , function () { <br> <p> infoWindow.setContent ( html) ; <br> <p> infoWindow.open (mapa, marcador); <br> <p> } ) ; } <br> <p> <br> 11 <p > Cierre la etiqueta script , cierre la etiqueta de la cabeza , y crear el código HTML principal para establecer el " div " para el mapa y poner en marcha la función de "crear" cuando se carga la página . Por ejemplo , escriba: <br> <p> < /script > <br> <p> < /head> <body <br> <p> onload="create()"> <br> < p > <div id="map" style="width:800px; height:800px"> < /div > <br> <p> < /body> <br> <p> < /html> <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-leer-un-carácter-del-archivo-de-caracteres-con-PHP-.html' >Cómo leer un carácter del archivo de caracteres con PHP </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-acceder-a-las-variables-del-otro-archivo-PHP-.html' >Cómo acceder a las variables del otro archivo PHP </a> </div> </div> <dl class=xgc> <dt><span>Programación PHP /MySQL</span></dt> <dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-agregar-30-minutos-para-una-fecha-en-PHP-.html">Cómo agregar 30 minutos para una fecha en PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-acceder-a-una-matriz-Explode-en-PHP-.html">Cómo acceder a una matriz Explode en PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Funciones-de-una-franja-de-mesa-.html">Funciones de una franja de mesa </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-hacer-un-blog-a-través-de-PHP-.html">Cómo hacer un blog a través de PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Variables-de-referencia-en-función-de-PHP-.html">Variables de referencia en función de PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Construya-su-propia-base-de-datos-impulsada-sitio-web-Uso-de-PHP-.html">Construya su propia base de datos impulsada sitio web Uso de PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-cambiar-la-combinación-de-colores-en-PHP-CSS-.html">Cómo cambiar la combinación de colores en PHP CSS </a></dd><dd><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-buscar-Algoritmos-en-PHP-.html">Cómo buscar Algoritmos en PHP </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-cambiar-la-configuración-predeterminada-de-MySQL-nombre-de-usuario-y-la-contraseña-.html" >Cómo cambiar la configuración predeterminada de MySQL nombre de usuario y la contraseña </a> </li><li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-redondear-a-un-decimal-en-PHP-.html" >Cómo redondear a un decimal en PHP </a> </li><li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-tener-listas-en-el-Bloque-PHP-.html" >Cómo tener listas en el Bloque PHP </a> </li><li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Como-orden-de-los-bytes-de-un-carácter-en-PHP-.html" >Como orden de los bytes de un carácter en PHP </a> </li><li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-utilizar-PHP-para-lotes-.html" >Cómo utilizar PHP para lotes </a> </li><li><a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-obtener-PHP-matriz-de-longitud-.html" >Cómo obtener PHP matriz de longitud </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-leer-y-Explode-Archivos-.html" >Cómo leer y Explode Archivos </a></li><li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-comprobar-si-una-variable-se-obtiene-es-situado-en-PHP-.html" >Cómo comprobar si una variable se obtiene es situado en PHP </a></li><li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-obtener-la-ubicación-de-los-archivos-temporales-en-PHP-.html" >Cómo obtener la ubicación de los archivos temporales en PHP </a></li><li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-obtener-un-nombre-de-dominio-en-PHP-.html" >Cómo obtener un nombre de dominio en PHP </a></li><li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-crear-un-espacio-en-el-código-PHP-.html" >Cómo crear un espacio en el código PHP </a></li><li> <a href="http://www.ordenador.online/Programacion/Programación-PHP--MySQL/Cómo-determinar-una-raíz-App-relativo-en-PHP-.html" >Cómo determinar una raíz App relativo en PHP </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>