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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วย google map 2  (อ่าน 1934 ครั้ง)
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[
บันทึกการเข้า


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
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 » บันทึกการเข้า
มือใหม่หัดเขียนเว็บ O(x^^)o
สุนัขป่วย
แมวป่วย
กระต่ายป่วย
แจกสุนัข
จำหน่ายชุดเดรส
teerapon
ก๊วนเสียว
*

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

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 08 กันยายน 2010, 19:53:27 »
อ้างจาก: icenobu ที่ 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>

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

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


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
icenobu
ก๊วนเสียว
*

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

กระทู้: 416



ดูรายละเอียด
« ตอบ #3 เมื่อ: 08 กันยายน 2010, 20:12:35 »
สมัครทำ API ของตัวเองยังค่ะ
บันทึกการเข้า
มือใหม่หัดเขียนเว็บ O(x^^)o
สุนัขป่วย
แมวป่วย
กระต่ายป่วย
แจกสุนัข
จำหน่ายชุดเดรส
teerapon
ก๊วนเสียว
*

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

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 08 กันยายน 2010, 21:19:40 »
อ้างจาก: icenobu ที่ 08 กันยายน 2010, 20:12:35
สมัครทำ API ของตัวเองยังค่ะ
ทำหมดแล้ว ครับ
บันทึกการเข้า


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
Queue
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,295



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 08 กันยายน 2010, 21:25:36 »
อ้างจาก: teerapon ที่ 08 กันยายน 2010, 19:53:27
อ้างจาก: icenobu ที่ 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>

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

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



มันเรียกจากนี้ เลยครับ
phpsqlajax_genxml.php
บันทึกการเข้า
พิษณุโลก NaiQueue ท่องเที่ยวเมืองไทย ยิ้มโซน
teerapon
ก๊วนเสียว
*

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

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 08 กันยายน 2010, 22:10:59 »
อ้างจาก: GlosGu.com ที่ 08 กันยายน 2010, 21:25:36
อ้างจาก: teerapon ที่ 08 กันยายน 2010, 19:53:27
อ้างจาก: icenobu ที่ 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>

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

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



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




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


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
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
บันทึกการเข้า
มือใหม่หัดเขียนเว็บ O(x^^)o
สุนัขป่วย
แมวป่วย
กระต่ายป่วย
แจกสุนัข
จำหน่ายชุดเดรส
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>

คิดว่าแบบนี้น่ะ
บันทึกการเข้า
มือใหม่หัดเขียนเว็บ O(x^^)o
สุนัขป่วย
แมวป่วย
กระต่ายป่วย
แจกสุนัข
จำหน่ายชุดเดรส
teerapon
ก๊วนเสียว
*

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

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 09 กันยายน 2010, 15:04:04 »
อ้างจาก: icenobu ที่ 08 กันยายน 2010, 22:48:28
ถ้าแผนที่ไม่ขึ้นเคยเป็นน่ะ แต่เราแก้ที่พวกพิกัดที่เราใส่อ่ะจ้า
เช่น map.setCenter(new GLatLng(13.842539,100.854964), 13);
ส่วนอื่นเราก็คิดว่าไม่น่าผิดไรน่ะ ถ้าเป็นก็น่าจะตรงนี้

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

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


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
icenobu
ก๊วนเสียว
*

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

กระทู้: 416



ดูรายละเอียด
« ตอบ #11 เมื่อ: 09 กันยายน 2010, 15:28:14 »
มันต้องใส่ข้อมูลาลงไปเองนี่ค่ะ เช่น คุณจะทำระยะทางจากกรุงเทพไปเชียงใหม่
คุณก็ต้องสร้างจุดของตัวเองขึ้นมา ไม่รู้ว่าเข้าใจตรงกันหรือเปล่าน่ะค่ะ
บันทึกการเข้า
มือใหม่หัดเขียนเว็บ O(x^^)o
สุนัขป่วย
แมวป่วย
กระต่ายป่วย
แจกสุนัข
จำหน่ายชุดเดรส
teerapon
ก๊วนเสียว
*

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

กระทู้: 276



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 10 กันยายน 2010, 06:29:19 »
อ้างจาก: icenobu ที่ 09 กันยายน 2010, 15:28:14
มันต้องใส่ข้อมูลาลงไปเองนี่ค่ะ เช่น คุณจะทำระยะทางจากกรุงเทพไปเชียงใหม่
คุณก็ต้องสร้างจุดของตัวเองขึ้นมา ไม่รู้ว่าเข้าใจตรงกันหรือเปล่าน่ะค่ะ
ขอโทษคนผมอาจจะอธิบาย ไม่เข้าใจกับสิ่งที่ผมทำครับ
บันทึกการเข้า


http://imgandimg.blogspot.com/
http://birdnpru49.blogspot.com/
http://newcomevo.blogspot.com/
http://movie-the-master.blogspot.com/
หน้า: [1]   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: