สอบถามเกี่ยวกับการ สร้าง Marker แผนที่ ที่ดึงมาจากฐานข้อมูลหน่อยค่ะ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเกี่ยวกับการ สร้าง Marker แผนที่ ที่ดึงมาจากฐานข้อมูลหน่อยค่ะ

สอบถามเกี่ยวกับการ สร้าง Marker แผนที่ ที่ดึงมาจากฐานข้อมูลหน่อยค่ะ

จากบทความนี้
https://www.ninenik.com/สร้าง_ตัว_marker_ระบุตำแหน่ง_ใน_google_map_จำนวนมาก_จาก_xml_ไฟล์-336.html

ถ้าในฐานข้อมูลหนูเก็บค่าการซูมด้วย

ใครพอจะมีตัวอย่างโค้ดบ้างค่ะ

Irondream 31-05-2017 22:12:12

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ปกติการ zoom ใช้กับ map ไม่ใช่หรอ ไม่ได้ใช้กับ marker

ninenik 31-05-2017

ความคิดเห็นที่ 2

หนูอยากเอาค่าการซูม ที่บันทึกในฐานข้อมูล มาแสดงในแผนที่อ่ะค่ะพี่

ให้เแผนที่ Zoom ไปใกล้ๆ Marker

irondream 01-06-2017 10:20

ความคิดเห็นที่ 3

ไม่รู้ว่าเก็บค่าแบบไหน ถ้าเก็บในข้อมูลเดียวกับพิกัด ก็สามารถเพิ่มเข้าไปในไฟล์ xml ได้เลย

<markers>
<?php
$q="SELECT * FROM province_latlng WHERE 1 ORDER BY province_id LIMIT 30 ";
$qr=mysql_query($q);
while($rs=mysql_fetch_array($qr)){
?>
    <marker id="<?=$rs['province_id']?>">
        <name><?=$rs['province_name']?></name>
        <latitude><?=$rs['province_lat']?></latitude>
        <longitude><?=$rs['province_lon']?></longitude>
        <zoom><?=$rs['zoom']?></zoom>
    </marker>
<?php } ?>
</markers>

เวลานำค่ามาใช้ก็ประมาณนี้ ดึงค่ามาเก็บในตัวแปร

$.ajax({
    url:"genMarker.php", // ใช้ ajax ใน jQuery เรียกใช้ไฟล์ xml
    dataType: "xml",
    success:function(xml){
        $(xml).find('marker').each(function(){ // วนลูปดึงค่าข้อมูลมาสร้าง marker
                var markerID=$(this).attr("id");// นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน    
                var markerName=$(this).find("name").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน    
                var markerLat=$(this).find("latitude").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน 
                var markerLng=$(this).find("longitude").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน          
                var markerZoom=$(this).find("zoom").text(); 
                var markerLatLng=new GGM.LatLng(markerLat,markerLng);
                var my_Marker = new GGM.Marker({ // สร้างตัว marker
                    position:markerLatLng,  // กำหนดไว้ที่เดียวกับจุดกึ่งกลาง
                    map: map, // กำหนดว่า marker นี้ใช้กับแผนที่ชื่อ instance ว่า map
                    title:markerName // แสดง title เมื่อเอาเมาส์มาอยู่เหนือ
                });
            //  console.log($(this).find("id").text());
        });
    }   
});

แต่เนื้อหาตามลิ้งค์ด้านบนเป็นการวนลูปแสดง marker ทั้งหมดพร้อมกันในแผนที่ จึงใช้ค่า zoom ไม่ได้

แนวทางการใช้ ปกติจะใช้เมื่อคลิกที่ marker แล้วค่อยเอาค่ามากำหนดในแผนที่ ซึ่งขึ้นกับการประยุกต์

ลองหาดูเนื้อหาเพิ่มเติมได้ที่ https://www.ninenik.com/google_search.php?tags=google map

ninenik 01-06-2017

ความคิดเห็นที่ 4

หนูอยากให้ขึ้นประมาณนี้อะค่ะพี่ ขึ้นค่าพิกัดจากสถานที่เดียวที่เราเลือกดู

ฐานข้อมูลมี
id = รหัสสถานที่
lat_value = ละติจูด
lon_value = ลองจิจูด
zoom_value = ซูม
namePlace = ที่แผ่นที่

ใครพอมีตัวอย่างเปล่าค่ะ หนูงมโค้ดมาหลายวันเเล้ว

irondream 01-06-2017 17:52

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน