Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยเปลี่ยนรูปหมุดใน google mapตามดาต้าเบสทีครับ Y_Y

ช่วยเปลี่ยนรูปหมุดใน google mapตามดาต้าเบสทีครับ Y_Y

เริ่มหัวข้อใหม่

aiRzio

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

คือผมต้องการเปลี่ยนรูปหมุดตาม ดาต้าเบสอะครับ คือตอนนี้ แสดงหมุดจากดาต้าเดสได้แล้วเหลือเปลี่ยนรูปหมุดอ่ะครับ กะว่าจะเก็บเป็นpart รูป นะครับ

Code (PHP)

<!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" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps API Example - overlay</title>
    <style type="text/css">
    v:* {
      behavior:url(#default#VML);
    }
    </style>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ใส่ Maps Key ของคุณครับที่ได้ลงทะเบียนไว้ตรงนี้..." type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    
   function onLoad() {
   map = new GMap(document.getElementById("div_map"));
   map.addControl(new GLargeMapControl3D());
   map.setCenter(new GLatLng(13.80608, 100.57983), 7); 
   
   getMarkers();
   
   GEvent.addListener(map, "click", function(overlay, point) {
     if (overlay){  // การคลิ๊ก หรือ Mark Click
       overlay.openInfoWindowHtml(overlay.infowindow);  // open InfoWindow
     } else if (point) {  // พื้นหลัง
       
     }
   });
   }
  
    function getMarkers(){
     var urlstr="read.php";
     var request = GXmlHttp.create();
     request.open('GET', urlstr , true);  // request XML from PHP with AJAX call
     request.onreadystatechange = function () {
        if (request.readyState == 4) {
          var xmlDoc = request.responseXML;
          locations = xmlDoc.documentElement.getElementsByTagName("location");
          markers = [];
          if (locations.length){
            for (var i = 0; i < locations.length; i++) { // cycle thru locations


              markers[i] = new GMarker(new GLatLng(locations[i].getAttribute("lat"),locations[i].getAttribute("lng")));
              // Add attributes to the marker so we can poll them later.
              // When clicked, an overlay will have these properties.
              markers[i].infowindow = "This is "+locations[i].getAttribute("name");
              
              // Useful things to store on a marker (Not needed for this example, could be removed)
              // Tells you what index in the markers[] array an overlay is
              markers[i].markerindex = i;
              // Store the location_id of the location the marker represents.
              // Very useful to know the true id of a marker, you could then make
              // AJAX calls to the database to update the information if you had it's location_id
              markers[i].db_id = locations[i].getAttribute("location_id");
              
			     
              map.addOverlay(markers[i]);


                         


            }
          }
        }
      }
      request.send(null);
   }
    
    //]]>
    </script>
  </head>
  <body onload="onLoad()">
    <div id="div_map" style="width: 500px; height: 300px"></div>
  </body>
</html>

Tag : PHP, MySQL

Date : 2010-09-08 16:36:32

By : airzio

View : 1928

Reply : 3

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Go to : สร้าง Google map แบบง่ายๆ ตอนที่ 1

หรือไม่ลองค้นหาจากเมนูข้างบนครับ มีเยอะมากกกครับ

Date : 2010-09-08 17:21:08

By : webmaster

No. 2

Guest

Date : 2011-02-16 13:14:15

By : bom

No. 3

Extension

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

<!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" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps API Example - overlay</title>
    <style type="text/css">
    v:* {
      behavior:url(#default#VML);
    }
    </style>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ใส่ Maps Key ของคุณครับที่ได้ลงทะเบียนไว้ตรงนี้..." type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    
   function onLoad() {
	   map = new GMap(document.getElementById("div_map"));
	   map.addControl(new GLargeMapControl3D());
	   map.setCenter(new GLatLng(13.80608, 100.57983), 7); 
	   
	   	/********* เพิ่ม *********/
		var gicons = [];
		var baseIcon;
		baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.iconSize = new GSize(26,34);
		createPinMarker();
		/**********************/

	   getMarkers();
	   
	   GEvent.addListener(map, "click", function(overlay, point) {
		 if (overlay){  // การคลิ๊ก หรือ Mark Click
		   overlay.openInfoWindowHtml(overlay.infowindow);  // open InfoWindow
		 } else if (point) {  // พื้นหลัง
		   
		 }
	   });



   }
  
	function createPinMarker() {
		var urlstr="category_marker.php";
		var request = GXmlHttp.create();
		request.open('GET', urlstr , true);  // request XML from PHP with AJAX call
		request.onreadystatechange = function () {
		if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				marker = xmlDoc.documentElement.getElementsByTagName("marker");
				markers = [];
				if (locations.length){
					for (var i = 0; i < locations.length; i++) { // cycle thru locations
						gicons[i] = new GIcon(baseIcon,marker[i].getAttribute("marker_path")); //path ของ Pin
					}
				}
			}
		 }
		 request.send(null);
	}

	function getMarkers() {
		var urlstr="read.php";
		var request = GXmlHttp.create();
		request.open('GET', urlstr , true);  // request XML from PHP with AJAX call
		request.onreadystatechange = function () {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				locations = xmlDoc.documentElement.getElementsByTagName("location");
				markers = [];
				if (locations.length){
					for (var i = 0; i < locations.length; i++) {
						var point = new GLatLng(locations[i].getAttribute("lat"),locations[i].getAttribute("lng")); // new object GLatLng
						var type = locations[i].getAttribute("pin_category"); //ประเภทของ marker หรือ PinID
						markers[i] = new GMarker(point,gicons[type]); //
						markers[i].infowindow = "This is "+locations[i].getAttribute("name");
						markers[i].markerindex = i;
						markers[i].db_id = locations[i].getAttribute("location_id");
						map.addOverlay(markers[i]);
					}
				}
			}
		}
		request.send(null);
	}
    
    //]]>
    </script>
  </head>
  <body onload="onLoad()">
    <div id="div_map" style="width: 500px; height: 300px"></div>
  </body>
</html>

Date : 2011-02-16 14:24:43

By : extenser

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยเปลี่ยนรูปหมุดใน google mapตามดาต้าเบสทีครับ Y_Y

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก