Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > เปลี่ยนหมุดใน Google maps API ช่วยดูโค้ดให้นิดนะคะ มันไม่เปลี่ยนให้

เปลี่ยนหมุดใน Google maps API ช่วยดูโค้ดให้นิดนะคะ มันไม่เปลี่ยนให้

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

BeesZa

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

ขอถามเกี่ยวกับจาวาสริป ใน Google Maps API นะคะ

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

javaScript

<script type="text/javascript"> 
    var map;
	var markerPoint;

    function initialize() {
    if (GBrowserIsCompatible()) {
		 map = new GMap2(document.getElementById("location"));
		{ size: new GSize(800,500) } ); //ขนาดหน้าแสดงผลแผนที่
		map.removeMapType(G_HYBRID_MAP);
		map.setCenter(new GLatLng(7.062052,100.465851), 9); //พิกัดเริ่มต้น
		map.addOverlay(kml);
		map.setUIToDefault() 
		map.enableGoogleBar();

		<?php echo $point;?>
		document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
		 GEvent.addListener(markerPoint, "dragend", function() {
				document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
        });
      }
    }
////////////////////////////// ฟังก์ชันเลื่อนหมุดให้อยู่ตรงกลางแผนที่ ///////////////////////////////////
	function drawmarkerPoint(){
		if(markerPoint!=null){
			markerPoint.remove();
		}
		markerPoint = new GMarker(map.getCenter(), {draggable: true});
		map.addOverlay(markerPoint);
		document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
		 GEvent.addListener(markerPoint, "dragend", function() {
				document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
        });	
	}
</script>

Code เปลี่ยนหมุด

var markerPoint = new GIcon();
markerPoint.image = 'markers/image.png';
markerPoint.printImage = 'markers/printImage.gif';
markerPoint.mozPrintImage = 'markers/mozPrintImage.gif';
markerPoint.iconSize = new GSize(48,48);
markerPoint.shadow = 'markers/shadow.png';
markerPoint.transparent = 'markers/transparent.png';
markerPoint.shadowSize = new GSize(72,48);
markerPoint.printShadow = 'markers/printShadow.gif';
markerPoint.iconAnchor = new GPoint(24,48);
markerPoint.infoWindowAnchor = new GPoint(24,0);
markerPoint.imageMap = [18,1,21,2,23,3,25,4,44,5,44,6,44,7,44,8,44,9,44,10,44,11,43,12,43,13,43,14,43,15,43,16,43,17,43,18,43,19,43,20,43,21,43, 22,43,23,43,24,44,25,44,26,44,27,44,28,44,29,44,30,43,31,42,32,40,33,38,34,10,35,10,36,10,37,10,38,10,39,10,40,10,41,10 ,42,10,43,9,44,9,45,8,46,4,46,3,45,3,44,3,43,3,42,3,41,3,40,3,39,3,38,3,37,3,36,3,35,3,34,3,33,3,32,3,31,3,30,3,29,3,28,3,27, 3,26,3,25,3,24,3,23,3,22,3,21,3,20,3,19,3,18,3,17,3,16,3,15,3,14,3,13,3,12,3,11,3,10,3,9,3,8,3,7,3,6,3,5,3,4,4,3,11,2,15,1];

Tag : - - - -

Date : 2009-11-07 03:20:52

By : KhemTiD

View : 5079

Reply : 18

No. 1

Guest

Code

markerPoint = new GMarker(map.getCenter(), {draggable: true});

แก้ไขเป็น
Code

markerPoint = new GMarker(coor, {map.getCenter(): false, icon:icon1});

และโค้ดเปลี่ยนหมุดเปลี่ยนจากชื่อตัวแปร markerPoint เป็น icon1 ให้หมดครับ
จากนั้นเอาโค้ดเปลี่ยนหมุดไว้ก่อนคำสั่งบรรทัดข้างบนนี้ครับ

http://cakephp.jitwitya.com/post/google-map-editor

Date : 2009-11-07 07:22:37

By : num

No. 2

BeesZa

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

ขอบคุณคุณ num มากนะคะ แต่ยังทำไม่ได้คะ ลองแก้ตามที่คุณ num บอก ทำให้แผนที่ไม่แสดงผล

แต่ไม่แน่ใจว่าแก้ถูกป่าว เลยเอาโค้ดที่แก้มาให้ดูคะ

Code ใหม่ที่แก้แล้ว

<script type="text/javascript"> 

    var map;
	var markerPoint;

	function initialize() {
    if (GBrowserIsCompatible()) {
        /* GMap2 เป็นวัตถุพื้นฐานในการสร้างแผนที่กูเกิ้ล จัดวางวัตถุนี้ไว้ที่ element ซึ่งมี id="map_canvas" */
		 map = new GMap2(document.getElementById("location"));

		map = new GMap2(document.getElementById("location"), //สร้าง GMap เวอร์ชั่น2
		{ size: new GSize(700,400) } ); //ขนาดหน้าแสดงผลแผนที่
		map.removeMapType(G_HYBRID_MAP);
		map.setCenter(new GLatLng(7.062052,100.465851), 9); //พิกัดเริ่มต้น

	var kml = new GGeoXml("http://www.816soft.com/kml/province_90.kml",10);
map.addOverlay(kml);


map.setUIToDefault();

/*		var mapControl = new GMapTypeControl();


       map.addMapType(G_SATELLITE_3D_MAP); // เพิ่มคอนโทรลแบบกูเกิ้ลเอิช


		map.addControl(mapControl);
		map.addControl(new GOverviewMapControl());//คอนโทรคเพิ่มแผนที่ขนาดเล็กแต่ย่อ*/
		//map.addControl(new GNavLabelControl()); //คอนโทรลบอกตำแหน่งปัจจุบันเมื่อเราคลิ๊ก
//map.addControl(new GLargeMapControl3D());
//map.addControl(new GScaleControl());
//map.addControl(new GMenuMapTypeControl ());
		map.setUIToDefault() //การเพิ่มคอนโทรลของ Scrollwhell Zoomming ตั้งค่าเริ่มต้นแบบ Gmap เลย
map.enableGoogleBar();


		<?php echo $point;?>
		document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
		 GEvent.addListener(markerPoint, "dragend", function() {
				document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
        });

      }
    }
	
////////////////////////////// ฟังก์ชันเลื่อนหมุดให้อยู่ตรงกลางแผนที่ ///////////////////////////////////
	function drawmarkerPoint(){
		if(markerPoint!=null){
			markerPoint.remove();
		}

var myIcon = new GIcon();
myIcon.image = 'markers/image.png';
myIcon.shadow = 'markers/shadow.png';
myIcon.iconSize = new GSize(48,48);
myIcon.shadowSize = new GSize(72,48);
myIcon.iconAnchor = new GPoint(24,48);
myIcon.infoWindowAnchor = new GPoint(24,0);
myIcon.printImage = 'markers/printImage.gif';
myIcon.mozPrintImage = 'markers/mozPrintImage.gif';
myIcon.printShadow = 'markers/printShadow.gif';
myIcon.transparent = 'markers/transparent.png';
myIcon.imageMap = [18,1,21,2,23,3,25,4,44,5,44,6,44,7,44,8,44,9,44,10,44,11,43,12,43,13,43,14,43,15,43,16,43,17,4
3,18,43,19,43,20,43,21,43,22,43,23,43,24,44,25,44,26,44,27,44,28,44,29,44,30,43,31,42,32,40,3
3,38,34,10,35,10,36,10,37,10,38,10,39,10,40,10,41,10,42,10,43,9,44,9,45,8,46,4,46,3,45,3,44,3,4
3,3,42,3,41,3,40,3,39,3,38,3,37,3,36,3,35,3,34,3,33,3,32,3,31,3,30,3,29,3,28,3,27,3,26,3,25,3,24,3
,23,3,22,3,21,3,20,3,19,3,18,3,17,3,16,3,15,3,14,3,13,3,12,3,11,3,10,3,9,3,8,3,7,3,6,3,5,3,4,4,3,11
,2,15,1];

		markerPoint = new GMarker(coor, {map.getCenter(): false, icon:myIcon});

		map.addOverlay(markerPoint);

		document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
		 GEvent.addListener(markerPoint, "dragend", function() {
				document.getElementById("locLatLng").value = markerPoint.getPoint().toString();
        });
		
	}
</script>

Date : 2009-11-07 12:05:41

By : KhemTiD

No. 3

num

โพสกระทู้ ( 1,463 )
บทความ ( 1 )

โทษทีครับผมพิมพ์ผิดเอง
markerPoint = new GMarker(map.getCenter(), {draggable: true, icon:myIcon});

Date : 2009-11-07 12:09:52

By : num

No. 4

เอี่ยว

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

พี่ num สอนเรื่อง google map บ้างสิครับ ^^

เอาตั้งแต่มันคืออะไร+วิธีใช้ง่ายๆ เลยนะคับ

ขอพี่ num มากไปป่าวคับ

Date : 2009-11-07 14:02:38

By : pjgunner

No. 5

P@e

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

ผมก็ทำไม่เป็น พี่หนุ่มสอนหน่อยครับ

Date : 2009-11-07 14:03:36

By : panyapol

No. 6

num

โพสกระทู้ ( 1,463 )
บทความ ( 1 )

แค่ใช้ได้แต่ไม่ได้ชำนาญครับ อ่าน tutorial ที่คนอื่นทำแทนละกันครับ แงบๆ

http://natpoleon.blogspot.com/2007/09/gmarker-class.html
http://www.sampcservice.com/%28X%281%29A%287js55hKWygEkAAAANDY4MDk2NjAtMmU5Mi00ZjVmLWE4N2YtNzM3NTNjYzc3OWZkV-WBOoKJaYkgmZvXJ-eaR4z4BFM1%29S%28migsew45rfzmsa2vble0uu2z%29%29/ArticleDetail.aspx?ArticleID=9&AspxAutoDetectCookieSupport=1

Date : 2009-11-07 15:06:01

By : num

No. 7

Guest

ขอบคุณ คุณ num มากเลยนะคะ อยากให้คุณ num ทำบทความเกี่ยวกับ Google maps API จริงๆหละ

ยิ่งถ้าได้เกี่ยวกับเส้นทาง Gdirection ยิ่งดีเลย เพราะหาข้อมูลได้น้อยมากคะ แต่ถ้าเกี่ยวกับ Gmaker ก็พอหาได้

ขอถามอีกนิดนะคะ คำสั่ง Onload ใน javascript ใช้ยังไงหรอคะ ลองใช้ดูหลายแบบแล้ว มันก็ไม่ขึ้น

ในโค้ดที่แก้แล้ว จะเปลี่ยนไอค้อนให้ก็ต่อเมื่อคลิ๊กที่ปุ่ม เพราะว่าเขียนฟังชั่นนี้ ให้กับปุ่ม เพื่อให้หมุดอยู่กลางแผนที่เมื่อคลิ๊ก

ก็ใส่ OnClick ไปในปุ่ม จึงทำให้ภาพหมุดเปลี่ยนในขณะนั้น แต่หากจะให้มันเปลี่ยนตั้งแต่โหลดหน้าเพจหละคะ

ไม่ทราบว่า เขียน Onload ให้โหลดฟังก์ชันนี้ยังไง ดูตามบทความในเว็บ ก็ไม่ขึ้นให้คะ

Date : 2009-11-07 15:06:43

By : KhemTiD

No. 8

num

โพสกระทู้ ( 1,463 )
บทความ ( 1 )

แบบนี้ครับ

<!DOCTYPE html "-//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">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">

		var map;
		var markerPoint;
    var newHouse = new GIcon(G_DEFAULT_ICON);
		newHouse.iconSize = new GSize(35,35);
		newHouse.image = "gmap/images/house.png";


    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();     
				   
        markerPoint = new GMarker(map.getCenter(), {draggable: true,icon:newHouse});
			 	map.addOverlay(markerPoint);
      }
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

Date : 2009-11-07 15:39:13

By : num

No. 9

เอี่ยว

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

ขอบคุณคับ

Date : 2009-11-07 15:52:38

By : pjgunner

No. 10

BeesZa

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

เคยทำแบบที่คุณ num บอกแล้วคะ แต่ว่า มันจะโชว์ทั้งสองหมุด คือหมุดแบบเดิม และหมุดแบบใหม่คะ

Date : 2009-11-07 16:18:32

By : KhemTiD

No. 11

P@e

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

Thank ครับ

Date : 2009-11-07 16:23:41

By : panyapol

No. 12

BeesZa

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

แก้ได้แล้วคะ

Code

<SCRIPT language=JavaScript type=text/javascript>
window.onload = function () {drawmarkerPoint();};
</SCRIPT>

ขอบคุณอีกครั้งนะคะ เดี๋ยวมาถามเรื่อยๆนะ

Date : 2009-11-07 17:09:08

By : KhemTiD

No. 13

BeesZa

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

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

ใช้งานไม่เป็นปกติเหมือนเดิม คือ เพิ่มสถานที่ไปได้ แต่ไอค้อนที่เพิ่มไม่ขึ้น แต่ถ้าเอาเมาส์ไปคลิ๊กก็จะเจอ

เดี๋ยวลองแก้ดูก่อนนะคะ ถ้าไม่ได้จะมาถามใหม่นะคะ

Date : 2009-11-07 22:12:31

By : KhemTiD

No. 14

Guest

ถ้ากด chekbox แล้วให้เกิด marker ละครับทำไง

Date : 2010-02-19 21:36:40

By : มือใหม่

No. 15

indysoft

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

ก็ต้องศึกษาเรื่องการแสดงข้อมูลตาม Check box ครับ

ดูตัวอย่างแบบเทพๆนะ ผมก็ยังทำไม่ถูก ไว้ค่อยทำต่อ ตอนนี้โปรเจคผ่านแล้ว ต้องเร่งทำวิชาอื่นก่อน

http://www.wises.co.nz/

Date : 2010-02-21 10:55:04

By : indysoft

No. 16

Guest

directions = new GDirections(map, directionsPanel);
directions.load("from: _______พิกัด_____ to: ______พิกัด______,{getPolyline:true});

จากโค้ดจะลากเส้นจากจุดพิกัด 2จุด แต่จะมีหมุดโผล่ขึ้นมาทั้ง2จุดด้วย

อยากเอาหมุด ทั้ง2นี้ออกครับ ให้มันเหลือแต่เส้นอ่ะครับ

ช่วยแนะนำด้วยครับ

Date : 2010-05-06 17:00:37

By : joe

No. 17

Wanted

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

อ้าววววววววว ดัน เลย กระทู้ นี้ จับใจ

Date : 2010-05-07 08:33:57

By : deathzap

No. 18

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

816Soft.com เว็บผมนี่หน่า อยู่ในโค๊ดได้ไงเนี๊ยะ

Date : 2010-05-16 01:49:11

By : dekpret

ค้นหาข้อมูล

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

Re : เปลี่ยนหมุดใน Google maps API ช่วยดูโค้ดให้นิดนะคะ มันไม่เปลี่ยนให้

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 04

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); เปลี่ยนหมุดใน Google maps API ช่วยดูโค้ดให้นิดนะคะ มันไม่เปลี่ยนให้

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

ค้นหาข้อมูล

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

Notice

เปลี่ยนหมุดใน Google maps API ช่วยดูโค้ดให้นิดนะคะ มันไม่เปลี่ยนให้