ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วย google map 2  (อ่าน 1930 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« เมื่อ: 08 กันยายน 2010, 19:20:16 »

อ้างถึง
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(../images/bg2.JPG);
}
-->
</style></head><script src="http://maps.google.com/maps?fi...cxSJ5C4V-qfEKga9aDIQPA5-6YRR_w "
      type="text/javascript"></script>
 
   <script type="text/javascript">
    //<![CDATA[
    var map;
    var geocoder;

var icon1 = new GIcon();
icon1.image = "../image/logo.jpg";//รูปแแสดงจุด
icon1.iconSize = new GSize(50, 50);
icon1.shadowSize = new GSize(50, 20);
icon1.iconAnchor = new GPoint(6, 20);
icon1.infoWindowAnchor = new GPoint(5, 1);


    function load() {
      if (GBrowserIsCompatible()) {
   map = new GMap2(document.getElementById("map_canvas"));
   geocoder = new GClientGeocoder();
   map.addMapType(G_PHYSICAL_MAP);
   map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
   map.setCenter(new GLatLng(13.820453,100.052919),15);
   map.enableGoogleBar();

// chk เเล้ว

        GDownloadUrl("../xml/xml_index.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
    if (markers.length == 0) {
      sidebar2.innerHTML = 'No results found.';
      return;
    }
      
          var bounds = new GLatLngBounds();
       

            for (var i = 0; i < markers.length; i  ) {
            var user_name = markers.getAttribute("user_name");
         var PICTURES = markers.getAttribute("PICTURES");
            var NAME = markers.getAttribute("NAME");
         var HEAD = markers.getAttribute("HEAD");
         var BODY = markers.getAttribute("BODY")
           var FOOTER = markers.getAttribute("FOOTER")
            var point = new GLatLng(parseFloat(markers.getAttribute("LAT")),
                                    parseFloat(markers.getAttribute("LNG")));
            var marker = createMarker(point, user_name, PICTURES, NAME, HEAD,BODY);
      
            map.addOverlay(marker);

   var lat = markers.getAttribute("LAT");
   var lng = markers.getAttribute("LNG");

            var sidebarEntry = createSidebarEntry(marker,  user_name, PICTURES, NAME, HEAD,BODY);
            sidebar2.appendChild(sidebarEntry);
            bounds.extend(point);
          }
        });
      }
}



//ในส่วนของการแสดงรายละเอียกบนจุด Marker

  function createMarker(point,  user_name, PICTURES, NAME, HEAD,BODY) {
      var marker = new GMarker(point, icon1);
     // var marker = new GMarker(point, customIcons[type_icon]);
        var html = "<center></center><table width=300><tr><td><font size=-1>" "<b>" "ชื่อผู้แจ้ง&nbsp;&nbsp;" "</b>"   user_name  "<br><b>" " วันเวลาที่แจ้ง&nbsp;&nbsp;" "</b>"  NAME  "<br><b>" "จุดที่เกิดเหตุ&nbsp;&nbsp;" "</b>"  HEAD  "<br><b> " "รายละเอียดที่เกิดเหตุ&nbsp;&nbsp;" "</b>"  BODY  "<br></td></tr> </br></center>  ";
      GEvent.addListener(marker, 'click', function() {
       marker.openInfoWindowHtml(html);   
      });   

      return marker;
    }

  </script>
<body onload="load(),initialize()" onunload="GUnload()">

 <div id="map_canvas" style="width: 700px; height: 506px"></div>
 
</body>
  <a href="../xml/xml_index.php">aaa</a>

</html>

ใน GDownloadUrl ค่าที่ผมเรียกใช้นั้นมีค่าครับ แต่พอมาอยู่ในหน้านี้ ทำไมข้อมูลถึงไมแสดง มีวิธีการ ดู ยังไง ครับ  มันไม่ พพนพ vtwi c9j,yodHw,j-7hovtwifh;p z,g]p w,ji^H0tcdh9i'wso 8iy[
บันทึกการเข้า

icenobu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 416



ดูรายละเอียด
« ตอบ #1 เมื่อ: 08 กันยายน 2010, 19:26:40 »

โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps AJAX   MySQL/PHP Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg"
            type="text/javascript"></script>
 
    <script type="text/javascript">
    //<![CDATA[
 
    var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
 
    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);
 
    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;
 
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(13.842539,100.854964), 13);
 
        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i  ) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>"   name   "</b> <br/>"   address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>
  </script>
 
  </head>
 
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

ต้องการแบบนี้หรือเปล่าค่ะ
« แก้ไขครั้งสุดท้าย: 08 กันยายน 2010, 19:27:10 โดย icenobu » บันทึกการเข้า

teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 08 กันยายน 2010, 19:53:27 »

โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps AJAX   MySQL/PHP Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg"
            type="text/javascript"></script>
 
    <script type="text/javascript">
    //<![CDATA[
 
    var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
 
    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);
 
    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;
 
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(13.842539,100.854964), 13);
 
        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i  ) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>"   name   "</b> <br/>"   address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>
  </script>
 
  </head>
 
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

ต้องการแบบนี้หรือเปล่าค่ะ

ครับเหมือนกัน ละครับ แต่ข้อมูลที่เรียกมาไม่รู้ ว่ามันมาไหม เลย อยากรู้ วิธีดู ครับ
บันทึกการเข้า

icenobu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 416



ดูรายละเอียด
« ตอบ #3 เมื่อ: 08 กันยายน 2010, 20:12:35 »

สมัครทำ API ของตัวเองยังค่ะ
บันทึกการเข้า

teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 08 กันยายน 2010, 21:19:40 »

สมัครทำ API ของตัวเองยังค่ะ
ทำหมดแล้ว ครับ
บันทึกการเข้า

Queue
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 106
ออฟไลน์ ออฟไลน์

กระทู้: 4,295



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 08 กันยายน 2010, 21:25:36 »

โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps AJAX   MySQL/PHP Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg"
            type="text/javascript"></script>
 
    <script type="text/javascript">
    //<![CDATA[
 
    var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
 
    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);
 
    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;
 
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(13.842539,100.854964), 13);
 
        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i  ) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>"   name   "</b> <br/>"   address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>
  </script>
 
  </head>
 
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

ต้องการแบบนี้หรือเปล่าค่ะ

ครับเหมือนกัน ละครับ แต่ข้อมูลที่เรียกมาไม่รู้ ว่ามันมาไหม เลย อยากรู้ วิธีดู ครับ



มันเรียกจากนี้ เลยครับ
phpsqlajax_genxml.php


บันทึกการเข้า

teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 08 กันยายน 2010, 22:10:59 »

โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps AJAX   MySQL/PHP Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg"
            type="text/javascript"></script>
 
    <script type="text/javascript">
    //<![CDATA[
 
    var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
 
    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);
 
    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;
 
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(13.842539,100.854964), 13);
 
        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i  ) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>"   name   "</b> <br/>"   address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>
  </script>
 
  </head>
 
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

ต้องการแบบนี้หรือเปล่าค่ะ

ครับเหมือนกัน ละครับ แต่ข้อมูลที่เรียกมาไม่รู้ ว่ามันมาไหม เลย อยากรู้ วิธีดู ครับ



มันเรียกจากนี้ เลยครับ
phpsqlajax_genxml.php




ผมก็ทำแล้ว เรียกจาก xml_index.php ในหน้านี้ ข้อมูลแสดงปรกติ แต่เรียกมาแล้วมันไม่แสดง ครับ
บันทึกการเข้า

icenobu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 416



ดูรายละเอียด
« ตอบ #7 เมื่อ: 08 กันยายน 2010, 22:48:28 »

ถ้าแผนที่ไม่ขึ้นเคยเป็นน่ะ แต่เราแก้ที่พวกพิกัดที่เราใส่อ่ะจ้า
เช่น map.setCenter(new GLatLng(13.842539,100.854964), 13);
ส่วนอื่นเราก็คิดว่าไม่น่าผิดไรน่ะ ถ้าเป็นก็น่าจะตรงนี้

ลองเอาของเราไปเปิดดูยังค่ะ
http://www.thaiseoboard.com/index.php/topic,137318.0.html
บันทึกการเข้า

picharnan
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 90
ออฟไลน์ ออฟไลน์

กระทู้: 1,400



ดูรายละเอียด
« ตอบ #8 เมื่อ: 08 กันยายน 2010, 22:56:48 »

ทำไมไม่ใช้ GMAP3 หล่ะครับ  ไม่ต้องใช้ API key แล้ว Interface สวยงามกว่าเก่ามาก  รายละเีอียดของ latitude,longitude ก็ละเอียดกว่าครับ
บันทึกการเข้า
icenobu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 416



ดูรายละเอียด
« ตอบ #9 เมื่อ: 08 กันยายน 2010, 22:59:06 »

โค๊ด:
<title>ทดสอบ</title>
<meta name="description" content="ทดสอบจ้า />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>icenobu</title>
<style type="text/css">
<!--
.style1 {
font-size: 12px
}
-->
</style>
<link href="../style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
-->
</style></head>

<body>
<div align="center">
<p>

</p>
   
        <script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAyebttdMzU2vadELb5EXTURRR1vjnduqX_khfOPuswy3w4FDwTxRIODXaREyBWh-XgVl-kEV9Z0Vnvw"type="text/javascript"></script>
    <script type="text/javascript">

    var marker;

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(13.820453,100.052919), 13);
        GEvent.addListener(map, "click", function(overlay, latlng) {
          if (latlng) {
            marker = new GMarker(latlng, {draggable:true});
            GEvent.addListener(marker, "click", function() {
              var html = "<table>" 
                         "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" 
                         "<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" 
                         "<tr><td>Type:</td> <td><select id='type'>" 
                         "<option value='bar' SELECTED>bar</option>" 
                         "<option value='restaurant'>restaurant</option>" 
                         "</select> </td></tr>" 
                         "<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";

              marker.openInfoWindow(html);
            });
            map.addOverlay(marker);
          }
        });

      }
    }

    function saveData() {
      var name = escape(document.getElementById("name").value);
      var address = escape(document.getElementById("address").value);
      var type = document.getElementById("type").value;
      var latlng = marker.getLatLng();
      var lat = latlng.lat();
      var lng = latlng.lng();

      var url = "phpsqlinfo_addrow.php?name="   name   "&address="   address 
                "&type="   type   "&lat="   lat   "&lng="   lng;
      GDownloadUrl(url, function(data, responseCode) {
        if (responseCode == 200 && data.length <= 1) {
          marker.closeInfoWindow();
          document.getElementById("message").innerHTML = "Location added.";
        }
      });
    }
    </script>

  </head>

  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 800px; height: 600px"></div>
    <div id="message"></div>
</body>
 
 
 
   
  <p><br />
    <script type="text/javascript"><!--
google_ad_client = "pub-4387310354427374";
/* 728x90, created 8/8/08 */
google_ad_slot = "1124946212";
google_ad_width = 728;
google_ad_height = 90;
//-->
    </script>
    <script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
      </script>
</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><br />
</p>
</div>
</div>
</body>
</style>
<div align="center">

   


</div></td>
  </tr>
</table>
      </div></td>
      </tr>
  </table>      </td>
    </tr>
    <tr>

    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
 
</div>
<style type="text/css">
<!--
body {
background-color: #FFFFCC;
}
-->
</style>

<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style8 {
font-size: 22pt;
color: #CC3300;
}
.style9 {
font-size: 16pt;
color: #0000FF;
}
.style11 {
font-size: 18pt;
color: #99FF00;
}
.style12 {color: #CCCCFF}
.style13 {color: #990000}
-->
</style>

คิดว่าแบบนี้น่ะ
บันทึกการเข้า

teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 09 กันยายน 2010, 15:04:04 »

ถ้าแผนที่ไม่ขึ้นเคยเป็นน่ะ แต่เราแก้ที่พวกพิกัดที่เราใส่อ่ะจ้า
เช่น map.setCenter(new GLatLng(13.842539,100.854964), 13);
ส่วนอื่นเราก็คิดว่าไม่น่าผิดไรน่ะ ถ้าเป็นก็น่าจะตรงนี้

ลองเอาของเราไปเปิดดูยังค่ะ
http://www.thaiseoboard.com/index.php/topic,137318.0.html

แผมทีแสดงปรกติ ทุกอย่าง แต้ขอมูลที่ แสดง ใน แผมที่ ไม่แสดง
บันทึกการเข้า

icenobu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 416



ดูรายละเอียด
« ตอบ #11 เมื่อ: 09 กันยายน 2010, 15:28:14 »

มันต้องใส่ข้อมูลาลงไปเองนี่ค่ะ เช่น คุณจะทำระยะทางจากกรุงเทพไปเชียงใหม่
คุณก็ต้องสร้างจุดของตัวเองขึ้นมา ไม่รู้ว่าเข้าใจตรงกันหรือเปล่าน่ะค่ะ
บันทึกการเข้า

teerapon
ก๊วนเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 10 กันยายน 2010, 06:29:19 »

มันต้องใส่ข้อมูลาลงไปเองนี่ค่ะ เช่น คุณจะทำระยะทางจากกรุงเทพไปเชียงใหม่
คุณก็ต้องสร้างจุดของตัวเองขึ้นมา ไม่รู้ว่าเข้าใจตรงกันหรือเปล่าน่ะค่ะ
ขอโทษคนผมอาจจะอธิบาย ไม่เข้าใจกับสิ่งที่ผมทำครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์