Creating a Store Locator with PHP,
MySQL & Google Maps
By maitree rimthong
Creating a Store Locator with PHP,
MySQL & Google Maps
1. Creating the Table
2. Populating the Table
3. Finding Locations with MySQL
4. Outputting XML with PHP
5. Creating the Map
6. Where to Go From Here
https://developers
.google.com/maps
/articles/phpsqlsea
rch_v3
ขั้นตอนที่ 1 สร้างตารางสาหรับเก็บฐานข้อมูล
• Localhost
• CREATE TABLE `markers` (
`id` INT NOT NULL AUTO_INCREMENT
PRIMARY KEY ,
`name` VARCHAR( 60 ) NOT NULL ,
`address` VARCHAR( 80 ) NOT NULL ,
`lat` FLOAT( 10, 6 ) NOT NULL ,
`lng` FLOAT( 10, 6 ) NOT NULL
) ENGINE = MYISAM ;
ขั้นที่ 2 populating the table คือการเพิ่มข้อมูลลง
ในฐานข้อมูล mysql
• INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Frankie Johnnie &
Luigo Too','939 W El Camino Real, Mountain View, CA','37.386339','-122.085823');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Amici's East Coast
Pizzeria','790 Castro St, Mountain View, CA','37.38714','-122.083235');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Kapp's Pizza Bar &
Grill','191 Castro St, Mountain View, CA','37.393885','-122.078916');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Round Table Pizza:
Mountain View','570 N Shoreline Blvd, Mountain View, CA','37.402653','-
122.079354');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Tony & Alba's Pizza
& Pasta','619 Escuela Ave, Mountain View, CA','37.394011','-122.095528');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Oregano's Wood-
Fired Pizza','4546 El Camino Real, Los Altos, CA','37.401724','-122.114646');
ขั้นที่ 3 ติดต่อฐานข้อมูล
• data_marker ทำกำรบันทึก ชื่อไฟล์ connect.php
• <?php
• $username="root";
• $password="mysql";
• $database="data_marker";
• ?>
ขั้นที่ 4 Using PHP's DOM Functions to
Output XML
• หมำยถึง กำรเรียกข้อมูลที่เป็นไฟล์ XML ออกมำแสดงบนหน้ำเว็บ
• แฟ้ ม XML นี้ไม่มีสไตล์ที่เชื่อมโยงกันอยู่ โครงสร้ำงเอกสำรถูกแสดงอยู่ทำงด้ำนล่ำง
• <markers><marker id="1" name="Frankie Johnnie & Luigo Too"
address="939 W El Camino Real, Mountain View, CA"
lat="37.386337" lng="-122.085823"/><marker id="2"
name="Amici's East Coast Pizzeria" address="790 Castro St,
Mountain View, CA" lat="37.387138" lng="-122.083237"/><marker
id="3" name="Kapp's Pizza Bar & Grill" address="191 Castro St,
Mountain View, CA" lat="37.393887" lng="-122.078918"/><marker
id="4" name="Round Table Pizza: Mountain View" address="570 N
Shoreline Blvd, Mountain View, CA" lat="37.402653" lng="-
122.079353"/><marker id="5" name="Tony & Alba's Pizza & Pasta"
address="619 Escuela Ave, Mountain View, CA" lat="37.394012"
lng="-122.095528"/><marker id="6" name="Oregano's Wood-Fired
Pizza" address="4546 El Camino Real, Los Altos, CA"
lat="37.401726" lng="-122.114647"/></markers>
ขั้นที่ 5 Checking that XML Output
Works
• ตรวจสอบว่ำ xml แสดงผลลัพธ์ออกมำถูกต้องหรือไม่
• หำกถูกต้อง
ขั้นที่ 6 Creating the Map
• สร้ำง map
•ขอบคุณครับ ที่ติดตำม 

Creating a store locator with php, my sql

  • 1.
    Creating a StoreLocator with PHP, MySQL & Google Maps By maitree rimthong
  • 2.
    Creating a StoreLocator with PHP, MySQL & Google Maps 1. Creating the Table 2. Populating the Table 3. Finding Locations with MySQL 4. Outputting XML with PHP 5. Creating the Map 6. Where to Go From Here https://developers .google.com/maps /articles/phpsqlsea rch_v3
  • 3.
    ขั้นตอนที่ 1 สร้างตารางสาหรับเก็บฐานข้อมูล •Localhost • CREATE TABLE `markers` ( `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY , `name` VARCHAR( 60 ) NOT NULL , `address` VARCHAR( 80 ) NOT NULL , `lat` FLOAT( 10, 6 ) NOT NULL , `lng` FLOAT( 10, 6 ) NOT NULL ) ENGINE = MYISAM ;
  • 4.
    ขั้นที่ 2 populatingthe table คือการเพิ่มข้อมูลลง ในฐานข้อมูล mysql • INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Frankie Johnnie & Luigo Too','939 W El Camino Real, Mountain View, CA','37.386339','-122.085823'); INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Amici's East Coast Pizzeria','790 Castro St, Mountain View, CA','37.38714','-122.083235'); INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Kapp's Pizza Bar & Grill','191 Castro St, Mountain View, CA','37.393885','-122.078916'); INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Round Table Pizza: Mountain View','570 N Shoreline Blvd, Mountain View, CA','37.402653','- 122.079354'); INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Tony & Alba's Pizza & Pasta','619 Escuela Ave, Mountain View, CA','37.394011','-122.095528'); INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Oregano's Wood- Fired Pizza','4546 El Camino Real, Los Altos, CA','37.401724','-122.114646');
  • 5.
    ขั้นที่ 3 ติดต่อฐานข้อมูล •data_marker ทำกำรบันทึก ชื่อไฟล์ connect.php • <?php • $username="root"; • $password="mysql"; • $database="data_marker"; • ?>
  • 6.
    ขั้นที่ 4 UsingPHP's DOM Functions to Output XML • หมำยถึง กำรเรียกข้อมูลที่เป็นไฟล์ XML ออกมำแสดงบนหน้ำเว็บ • แฟ้ ม XML นี้ไม่มีสไตล์ที่เชื่อมโยงกันอยู่ โครงสร้ำงเอกสำรถูกแสดงอยู่ทำงด้ำนล่ำง • <markers><marker id="1" name="Frankie Johnnie & Luigo Too" address="939 W El Camino Real, Mountain View, CA" lat="37.386337" lng="-122.085823"/><marker id="2" name="Amici's East Coast Pizzeria" address="790 Castro St, Mountain View, CA" lat="37.387138" lng="-122.083237"/><marker id="3" name="Kapp's Pizza Bar & Grill" address="191 Castro St, Mountain View, CA" lat="37.393887" lng="-122.078918"/><marker id="4" name="Round Table Pizza: Mountain View" address="570 N Shoreline Blvd, Mountain View, CA" lat="37.402653" lng="- 122.079353"/><marker id="5" name="Tony & Alba's Pizza & Pasta" address="619 Escuela Ave, Mountain View, CA" lat="37.394012" lng="-122.095528"/><marker id="6" name="Oregano's Wood-Fired Pizza" address="4546 El Camino Real, Los Altos, CA" lat="37.401726" lng="-122.114647"/></markers>
  • 7.
    ขั้นที่ 5 Checkingthat XML Output Works • ตรวจสอบว่ำ xml แสดงผลลัพธ์ออกมำถูกต้องหรือไม่ • หำกถูกต้อง
  • 8.
    ขั้นที่ 6 Creatingthe Map • สร้ำง map •ขอบคุณครับ ที่ติดตำม 