ขอคำแนะนำปัญหาการปักหมุด Google map API ค่ะต้องการนำข้อมูลจากการ Queryใช้ใน map

[nujum12345]

จากการปักหมุด เป็นหมุด A B C D... ซึ่งมานากการ random แต่หนูต้องการทำให้การปักหมุดนั้นเป็นที่เดียวจุดที่ร้านอาหารในฐานข้อมูลตั้งอยู่ค่ะ หนูจะต้องสร้าง field อะไรเพิ่มรึป่าวค่ะ เพื่อจะนำค่านั่นมาปัดหมุดค่ะ   

และการเพิ่มบล็อกที่ประกาศเป็นคำพูดอธิบายจากการคลิกที่หมุด หนูต้องการที่จะเพิ่มรูปและชื่อร้านอาหารตาม Query ค่ะ
ช่วยหนูหน่อยนะค่ะ ลองดำผุดดำว่ายมาหลายวันแร้ว แต่ปัญหาคือหนูใช้ Html กับ PHP ก้บ Javascript ผสมผสานกันไม่ลงตัวค่ะ

โค้ด เลือก ขยาย


  <script type="text/javascript">
    function initialize() {         
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(13.80608, 100.57983), 13);
        map.setUIToDefault();

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);

        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0)   index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "http://www.google.com/mapfiles/marker"   letter   ".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("Marker <b>"   letter   "</b>");
          });
          return marker;
        }

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 20; i  ) {
          var latlng = new GLatLng(southWest.lat()   latSpan * Math.random(),southWest.lng()   lngSpan * Math.random());
          map.addOverlay(createMarker(latlng, i));
        }
      }
    }
    </script>


ส่วนนี่เป็นรูปที่ตัดมาจากการสร้าง map API ค่ะ 

[indysoft]

ทำไปถึงไหนแล้ว เราก็ทำโปรเจคเกี่ยวกับ Google Maps API~ เหมือนกัน

แต่เน้นไปทางเส้นทางรถโดยสาร แต่ก็มีตำแหน่งสถานที่เป็นตัวเสริม

ไงก็แลกเปลี่ยนความรู้กันได้นะครับ

[EThaiZone]

จากการปักหมุด เป็นหมุด A B C D... ซึ่งมานากการ random แต่หนูต้องการทำให้การปักหมุดนั้นเป็นที่เดียวจุดที่ร้านอาหารในฐานข้อมูล ตั้งอยู่ค่ะ หนูจะต้องสร้าง field อะไรเพิ่มรึป่าวค่ะ เพื่อจะนำค่านั่นมาปัดหมุดค่ะ   

เวลาเก็บค่าตำแหน่งบน GGMap สำคัญคือค่า ละติจูด กับ ลองติจูดครับ
วิธีเอาค่าคือ marker.getLatLng() แล้วจะเอาไปเก็บลง mysql ก็แล้วแต่

และการเพิ่มบล็อกที่ประกาศเป็นคำพูดอธิบายจากการคลิกที่หมุด หนูต้องการที่จะเพิ่มรูปและชื่อร้านอาหารตาม Query ค่ะ
ช่วยหนูหน่อยนะค่ะ ลองดำผุดดำว่ายมาหลายวันแร้ว แต่ปัญหาคือหนูใช้ Html กับ PHP ก้บ Javascript ผสมผสานกันไม่ลงตัวค่ะ

กำหนดค่าในกล่องข้อความก่อน

โค้ด เลือก ขยาย

var html = '<div style="width:250px; height: 15px; padding-top:18px;">'+
'<b>Example</b>'+
'</div>';

หลังจากกำหนด marker ลง map แล้ว
(marker ต้องมีก่อน อย่างน้อยด้วยคำสั่ง new GMarker(GLatLng(ค่าละติจูด,ค่าลองติจูด))  )

โค้ด เลือก ขยาย

map.addOverlay(marker);

ก็เพิ่มคำสั่งให้แสดงกล่องข้อความทันที

โค้ด เลือก ขยาย

marker.openInfoWindowHtml(html);

แล้วเพิ่มคำสั่งให้ถ้าคลิ๊ก marker อีกที (กรณีถ้าปิดลงไป)

โค้ด เลือก ขยาย

GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

ที่เหลือ ถ้ามี marker หลายอัน ก็ตัวแปรแยกตามชื่อไป

Google Maps API ไม่ยากครับ แต่ต้องหัดอ่าน JS เองให้เคลียร์ก่อน แล้วถึงค่อยเริ่มศึกษา API ทีหลัง

[morizaki]

ได้ความรู้อีกแล้ว ขอบคุณครับ

[ikhankluay]

พิกัดของพื้นที่นั้นๆ เราจะหาได้จากที่ไหนครับ

[collagn]

ทำไปถึงไหนแล้ว เราก็ทำโปรเจคเกี่ยวกับ Google Maps API~ เหมือนกัน

แต่เน้นไปทางเส้นทางรถโดยสาร แต่ก็มีตำแหน่งสถานที่เป็นตัวเสริม

ไงก็แลกเปลี่ยนความรู้กันได้นะครับ

เคยคิดจะทําครับ แต่เปลี่ยนไปละ มันต้องทําอัลกอลิทึมเพื่อหาเส้นทางที่เหมาะสมกับผู้ขับมากที่สุดครับ เพื่อประหยัดระยะทาง

[alert]

โห กระทู้นี้  เพิ่งมีคำตอบ 

จขกท add msn คุยกับผมไปตั้งแต่กรกฎาแล้วครับ จนเว็บเสร็จไปหมดทั้งเว็บละ