Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ต้องการเปลี่ยน หัวหมุดของ GOOGLE MAP ครับ .... รบกวนทุกท่านด้วย



 

ต้องการเปลี่ยน หัวหมุดของ GOOGLE MAP ครับ .... รบกวนทุกท่านด้วย

 



Topic : 076908



โพสกระทู้ ( 17 )
บทความ ( 0 )



สถานะออฟไลน์




ตอนนี้ผมทำการดึงข้อมูลออกมาจาก DB แล้วใช้ Ajax ในการแสดงผล

และต้องการเปลี่ยนรูปหมุดเป็นภาพที่กำหนด ลองทำตามตัวอย่างโดยใช้ CODE ตามตัวอย่างเข้ามา Plug แล้วแต่ใช้ไม่ได้ รบกวนทุกท่านด้วยครับ

CODE ปัจจุบัน

Code
<script type="text/javascript">
		
		
		//<![CDATA[
		
		var gmarkers = [];
		var htmls = [];
		var i = 0;
		var side_bar_html = "";
		var map = "";
		
		function load() 
		{
			
			if (GBrowserIsCompatible()) {
				map = new GMap2(document.getElementById("map"));
				map.addControl(new GLargeMapControl());
				map.addControl(new GMapTypeControl());
		
				map.setCenter(new GLatLng(13.77754, 100.55765), 11);
				
				readMap();
			}
			else {
				alert("Sorry, the Google Maps API is not compatible with this browser");
			}
		}
		
		function process_it(doc) 
		{
			lines = doc.split("\n");
			for(var i = 0; i < lines.length; i++) 
			{
				if( lines[i].length > 1) {
					parts = lines[i].split("|");
					var lat = parseFloat(parts[0]);
					var lng = parseFloat(parts[1]);
					var html = parts[2];
					var label = parts[3];
					var CusID = parts[4];
					var point = new GLatLng(lat,lng);
					// create the marker
					var marker = createMarker(point,label,html,CusID);
					map.addOverlay(marker);
				}
			}
			document.getElementById("side_bar").innerHTML = side_bar_html;
		}
		
		function readMap()
		{
			var url="mapdata.php";
			var request = GXmlHttp.create();
			request.open("GET", url, true);
			request.onreadystatechange = function() {
				if (request.readyState == 4) {
					var txtDoc = request.responseText;
					process_it(txtDoc);
				}
			}
			request.send(null);
		}
		
		function createMarker(point,name,html,CusID)
		{
	
			var marker = new GMarker(point);
			GEvent.addListener(marker, "click", function() {
			  marker.openInfoWindowHtml(html);
			});
			
			gmarkers[i] = marker;
			htmls[i] = html;
			
			if (point == "(0, 0)") {
					side_bar_html += '<a href="javascript:myclick(' + i + ')"><span style="color: #F66">' + name + " " + point + '</span><\/a> <a id="various3" href="update.php?CustID=' + CusID + '"><SPAN STYLE="font-weight:bold; text-decoration: none; color: #000;">UPDATE</SPAN></a> <br>';//Display Customer NO POINT
					
			}else{
					side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br>';//Display Customer HAVE POINT
			}
			
			i++;
		
			return marker;
		}
		
		function myclick(i) 
		{
			gmarkers[i].openInfoWindowHtml(htmls[i]);
		}
		
		//]]>
		

    </script>




Tag : PHP, MySQL, JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-04-10 17:13:17 By : manesz View : 1085 Reply : 1
 

 

No. 1



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


แล้วไฟล์ mapdata.php หละครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-06-09 10:11:36 By : deawx
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการเปลี่ยน หัวหมุดของ GOOGLE MAP ครับ .... รบกวนทุกท่านด้วย
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่