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

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

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

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

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

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



Irondream 31-05-2017 22:12:12

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


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

 ความคิดเห็นที่ 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 = ที่แผ่นที่


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



irondream 01-06-2017 17:52
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ