| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
Programación  
  • C /C + + Programming

  • Lenguajes De Programación

  • Delphi Programación

  • Programación Java

  • JavaScript Programación

  • Programación PHP /MySQL

  • Perl Programming

  • Python Programming

  • Rubí Programación

  • Visual Basics Programación
  •  
    Conocimientos Informáticos >> Programación >> Programación PHP /MySQL >> Content
    Cómo empezar una aplicación de mapas Google con PHP
    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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous : <a class='LinkPrevArticle' href='/Programacion/php-mysql-programming/92544.html' >Cómo leer un carácter del archivo de caracteres con PHP </a></li></p></td> </tr> <tr> <td width="49%"> next : <a class='LinkNextArticle' href='/Programacion/php-mysql-programming/92546.html' >Cómo acceder a las variables del otro archivo PHP </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Artículos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92221.html" title="Cómo convertir Varchar flotar en MySQL " target="_self">Cómo convertir Varchar flotar en MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92127.html" title="Cómo escribir un encabezado XML en PHP " target="_self">Cómo escribir un encabezado XML en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91778.html" title="Programador PHP Los sueldos de un pequeño fabricante " target="_self">Programador PHP Los sueldos de un pequeño fabricante </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93136.html" title="Cómo obtener la certificación MySQL " target="_self">Cómo obtener la certificación MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92958.html" title="Cómo cambiar el nombre de columna en MySQL " target="_self">Cómo cambiar el nombre de columna en MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92085.html" title="Cómo obtener un archivo PHP para leer el encabezado Título " target="_self">Cómo obtener un archivo PHP para leer el encabezado Tí…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93187.html" title="Cómo convertir una base de datos MySQL a un archivo delimitado por comas CSV " target="_self">Cómo convertir una base de datos MySQL a un archivo de…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92856.html" title="Cómo utilizar SSL con PHP " target="_self">Cómo utilizar SSL con PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92352.html" title="¿Cómo deshacerse de duplicados en MySQL " target="_self">¿Cómo deshacerse de duplicados en MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91961.html" title="Gama de salarios de PHP Developer " target="_self">Gama de salarios de PHP Developer </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artículos destacados </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85264.html" title="Cómo crear auto_ptr Sintaxis " target="_self">Cómo crear auto_ptr Sintaxis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86667.html" title="DIY Drives paso a paso " target="_self">DIY Drives paso a paso </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88052.html" title="Cómo Multiplicar una matriz con una variable en MATLAB " target="_self">Cómo Multiplicar una matriz con una variable en MATLAB…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95574.html" title="Cómo hacer llamadas telefónicas con Visual Basic " target="_self">Cómo hacer llamadas telefónicas con Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93656.html" title="Cómo Ping API con Python " target="_self">Cómo Ping API con Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/86148.html" title="¿Cuáles son las funciones de las unidades de disco duro " target="_self">¿Cuáles son las funciones de las unidades de disco du…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/86174.html" title="Cómo crear un arco en GTK Radiant " target="_self">Cómo crear un arco en GTK Radiant </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93039.html" title="Cómo aprender PHP Web Design " target="_self">Cómo aprender PHP Web Design </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/perl-programming/93310.html" title="Cómo dividir Apart URLs en Perl " target="_self">Cómo dividir Apart URLs en Perl </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95394.html" title="Cómo detectar nulo en Visual Basic " target="_self">Cómo detectar nulo en Visual Basic </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>