Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> PHP /MySQL Programmering >> Content
Hoe maak je een Google Maps applicatie beginnen met PHP
Als u een Google Maps applicatie met PHP te beginnen , moet u een PHP-script dat de gegevens die nodig zijn door de Google Maps applicatie in een XML- formaat zal de uitgang te creëren . Vervolgens moet u de Google Maps applicatie functionaliteit maken met HTML en Javascript en bel de PHP- script om de gegevens die nodig zijn voor de kaart halen . U kunt desgewenst kapselen het gehele Google Maps applicatie binnen een PHP-bestand , in plaats van binnen een HTML-bestand , om extra logica bevatten . Instructies
Create PHP Script
1

Maak een PHP class om lengte-en breedtegraad en een beschrijving opslaan . Typ bijvoorbeeld :

class Coordinate
{

openbare $ breedtegraad
, $ lengte , $ omschrijving ;

publieke functie __
construct ( ? $ lat, $ lng , $ omschrijving ) {

$ this - > latitude = $ lat
;

$ this - > lengte = $ lng ;

$ this - > description = $ omschrijving ;

}

} kopen van 2


Maak een PHP- klasse om een ​​array van coördinaten geassocieerd met een kenmerkende naam en een beschrijving opslaan . Voeg een functie om de klasse van een XML -versie van de gegevens uitvoeren . Typ bijvoorbeeld :

class Coördinaten
{

beschermd $ coördinaten ;

publieke functie __
construct ( ) {

$ this - > coördinaten = array ( ) ; }

publieke functie add
( $ naam, $ omschrijving , $ lat, $ lng ) {

$ this - > coördinaten [ $ name ] = nieuwe Coordinate ( $ lat, $ lng , $ omschrijving ) ;

}

publieke functie output_xml
( ) {

$ xml
= new DOMDocument ( " 1.0 " ) ; < br

$ knooppunt > = $ xml - > createElement ( " markers " ) ;

$ wortel
= $ xml - > appendChild ( $ knooppunt ) ;

foreach ( $
dit - > coördinaten als $ key = > $ value ) {

$ knooppunt = $ xml - > createElement
( " marker " ) ;

$ newnode = $ wortel - > appendChild ( $ knooppunt ) ;

$ newnode - > setAttribute ( " city " , $ key ) ;

$ newnode - > setAttribute ( " lat " , $ value - > breedtegraad ) ;

$ newnode - > setAttribute ( " lng " , $ value - > lengtegraad ) ;

$ newnode - > setAttribute ( " desc " , $ value - > beschrijving ) ;

}


echo $ xml - > saveXML ( ) ;

}

}
3

Maak de belangrijkste PHP- programma om de lengte-en breedtegraad voor geselecteerde steden en output een XML- versie van die gegevens wanneer het programma wordt uitgevoerd slaan . Typ bijvoorbeeld :

$ steden
= new Coördinaten ( ) ;

$ steden - > add ( " Nassau " , " Bahamas " , " 25,08333 " , " -77,3333 " ) ;

$ steden - > add ( " Caïro " , " Egypte " , " 36,01667 " , " 31,2333 " ) ;

$ steden - > add ( "Paris " , " Frankrijk " , " 48,83333 " , " 2,33333 " ) ;

$ steden - > add ( " Beijing " , "China " , " 39,91667 " , " 116,3333 " ) ;

$ steden - > , toe te voegen ( " Santiago " , " Chili " , " -33,40000 " , " -70,66667 " ) ;

$ steden - > output_xml ( ) ; ?

>
< br >
Create Google Maps Application
4

Maak een nieuwe PHP- bestand als u wilt PHP logica met het hoofdprogramma bevatten . Maak de HTML- headers voor de webpagina . Typ bijvoorbeeld :

< ? Php

$ custom_name = " Steve " ;

>

< ! DOCTYPE html > < br >


<php /echo $ custom_name ; ? > ' s Kaart van Cities International < /title > <br> 5 <p> Neem de externe Google Maps API javscript bibliotheek . Typ bijvoorbeeld : <br> <p> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"> < /script > ; <br> 6 <p> Maak de belangrijkste Javascript programma . Begin het script door het creëren van een variabele om de kaart te slaan . Typ bijvoorbeeld : <p> <script type="text/javascript"> <p> var map <br> ; <br> 7 <p> Maak een functie om de kaart weer te geven op het scherm . Begin met het definiëren van de mogelijkheden voor de kaart . Maak de kaart en maak een variabele voor de pop - up informatieve venster . Typ bijvoorbeeld : <p> functie <br> maken ( ) { var <p> NewYork <br> = new google.maps.LatLng ( 40,69847032728747 , -73,9514422416687 ) ; <p> var mapOptions <br> = { zoom : 13 , midden : Newyork , mapTypeId : " roadmap " } ; <p> plattegrond = new google.maps.Map ( document.getElementById ( " map " ) , mapOptions ) ; <p> infoWindow = new google <br> . maps.InfoWindow ; <br> 8 <p> Bel een functie die asynchroon de gegevens van het PHP-bestand zal halen . Maak de callback functie die de gegevens zal verwerken en plot de markeringen op de kaart . Typ bijvoorbeeld : <p> downloadPHPData <br> ( " coordinates.php " , function ( data ) { <p> var xml <br> = data.responseXML ; <p> var markers <br> = xml.documentElement . getElementsByTagName ( " marker " ) ; <br> <p> for (var i = 0 ; i < markers.length ; i + + ) { var <p> stad <br> = markers [ i ] getAttribute ( " city " ) . ; <p> var punt <br> = new google.maps.LatLng ( parseFloat ( markers [ i ] getAttribute ( " lat " ) ) , parseFloat ( markers [ i ] getAttribute ( " lng " ) ) . . ) ; <br> <p> var html = stad + " , " + markers [ i ] getAttribute ( " desc " ) ; <p> var marker <br> = new google.maps.Marker ( { map : . map , plaats : punt , titel : city } ) ; <p> bindInfoWindow <br> ( marker , kaart , infoWindow , html ) ; <p> <br> } <br> <p> } ) ; <br> <p> } <br> < br > 9 <p> Maak de functie om de gegevens asynchroon ophalen en doorgeven aan de callback functie . Typ bijvoorbeeld : <p> functie downloadPHPData <br> ( URL , callback ) { var <p> aanvraag <br> = window.ActiveXObject ? nieuwe ActiveXObject ( " Microsoft.XMLHTTP " ) : nieuwe XMLHttpRequest ; <p> request.onreadystatechange <br> = function ( ) { <br> <p> if ( request.readyState == 4 ) { <p> aanvraag <br> . onreadystatechange = doNothing ; <p> terugbellen <br> ( aanvraag , request.status ) ; <p> } <br> <p> <br> } ; <p> request.open <br> ( ' GET ' , URL , true) ; <p> request.send <br> ( null ) ; } <p> <p> functie doNothing <br> ( ) { <br> <p> } <br> 10 <p > Maak de functie om pop - up van de informatieve venster als een marker wordt geklikt . Typ bijvoorbeeld : <p> functie bindInfoWindow <br> ( marker , kaart , infoWindow , html ) { <p> google.maps.event.addListener <br> ( marker , " click" , function ( ) { <br> <p> infoWindow.setContent ( html ) ; <p> infoWindow.open <br> ( kaart , markering ) ; <br> <p> } ) ; <br> <p> } <br> 11 <p > Sluit de script-tag , sluit de hoofd -tag , en maak de belangrijkste HTML- code om de " div " vast te stellen voor de kaart en aan de functie " creëren" te starten wanneer de pagina wordt geladen . Typ bijvoorbeeld : <br> <p> < /script > <br> <p> <br> <p> <body onload="create()"> <br> <p < /head > > <div id="map" style="width:800px; height:800px"> < /div > <p> < /body > Telefoonkaarten <p> < /html > < br > <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/php-mysql-programming/201309/92544.html' >Om te lezen hoe een bestand Karakter van karakter met PHP </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/php-mysql-programming/201309/92546.html' >Hoe te Variabelen From Another PHP File Access </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>PHP /MySQL Programmering</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92504.html" title="Hoe maak je een string verwijderen Na een Cue in PHP " target="_self">Hoe maak je een string verwijd…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92782.html" title="Hoe kan ik een XLS -bestand maken met PHP Lees " target="_self">Hoe kan ik een XLS -bestand ma…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92263.html" title="Hoe te ontkoppelen PHP gebruiken " target="_self">Hoe te ontkoppelen PHP gebruik…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92484.html" title="Hoe te tellen het aantal voorvallen in PHP " target="_self">Hoe te tellen het aantal voorv…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92874.html" title="Hoe kan ik meerdere gescheiden velden lezen in een bestand maken met PHP " target="_self">Hoe kan ik meerdere gescheiden…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93045.html" title="Hoe te schrijven Into XML -bestand maken met PHP " target="_self">Hoe te schrijven Into XML -bes…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91731.html" title="Hoe maak je een PHP Unit Installeer Kaart " target="_self">Hoe maak je een PHP Unit Insta…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91487.html" title="Hoe kan ik PHP installeren in een Windows Cache " target="_self">Hoe kan ik PHP installeren in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92517.html" title="Hoe te File Toestemming Met behulp van PHP Verander " target="_self">Hoe te File Toestemming Met be…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89385.html" title="Hoe chromatische polynomen in Java zoeken " target="_self">Hoe chromatische polynomen in Java zoeke…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94956.html" title="Hoe maak je een tekstvak & Button aan de DataGrid toe " target="_self">Hoe maak je een tekstvak & Button aan de…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93166.html" title="Hoe te verwijderen van een MySQL- database " target="_self">Hoe te verwijderen van een MySQL- databa…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90879.html" title="Hoe je JavaScript embedden in Asp.net " target="_self">Hoe je JavaScript embedden in Asp.net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94927.html" title="Hoe te SearchEx methode gebruiken in VB6 " target="_self">Hoe te SearchEx methode gebruiken in VB6…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92174.html" title="Hoe te verbinden Two Forms Via PHP " target="_self">Hoe te verbinden Two Forms Via PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94674.html" title="Hoe te Gelijktijdige Geluiden maken in VB " target="_self">Hoe te Gelijktijdige Geluiden maken in V…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/perl-programming/201309/93219.html" title="Hoe de titelbalk in Perl script wijzigen " target="_self">Hoe de titelbalk in Perl script wijzigen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89220.html" title="Hoe de Next String input van in Java " target="_self">Hoe de Next String input van in Java </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>