สอนทำเว็บไซด์(Blog) ง่ายผุดๆๆๆๆๆ เรียนด้วยตนเอง โดย อาจารย์ ทวียศ ศรีสกุลเมฆี

แปะ Google Map ลงใน blog

สอนทำ blog
บางครั้งลูกค้าสอบถามทางมาที่ศูนย์ "สาขาบ้านเห็ด"ทุกวัน  เราคงไม่มีปัญญามาเล่า บอกทางทุกวันได้ในความเป็นจริง Google map สามารถบอกเส็นทางได้ไม่เลว  ดูกันเองและเข้าใจกันได้ง่ายๆ ปัจจุบันแทบจะธรรมดาแล้วที่ ในเวปจะต้องมี แผนที่ ในหัวข้อ "เกี่ยวกับเรา"  ครับมาลองทำกันเลย

1.  ผมให้ทุกสาขามี e-mail ของ gmail เพื่อให้เราสะดวกในการใช้งาน Google เพราะ Google เป็นเจ้าของ blog,  gmail, และ Google map เข้าไปที่ Google เลยครับ

คลิก"แผนที่" เลย จะเข้า Google Map
2.

ผมกำลังทำแผนที่ บ้านเห็ด ที่สุพรรณบุรี ที่ดิน 20 ไร่ อยู่ อ.สองพี่น้อง ใกล้ววัดไผ่โรงวัว  ก็พิมพ์"วัดไผ่โรงวัว ........" เข้าไป แผนที่จะออกมาเป็น2 แบบ คือภาพถ่ายทางอากาศ หรือแบบแผนที่  ในรูปที่เห็นเป็นแผนที่ครับ
3.

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

การปักหมุด คลิก(1) "สถานที่ของฉัน" แล้วตามด้วย(2) "สร้างแผนที่"
5.
ถ้าไม่ทำในข้อ 4 ก้จะไม่มีเครื่องมือหมุดสีฟ้าขึ้นมาให้เห็น  ตอนนี้เห็นหมุดแล้ว คลิก(1) แล้วลากไปไว้ที่ที่ดินของเรา(2) จากนั้นคลิกที่หมุด ลงการแนะนำทางไว้ให้ละเอียดเลย ครับ ทางซ้าย ก็อธิบายไว้จากนั้น คลิก บันทึกแล้ว และเสร็จสิ้น
6.
อย่าลืมเปลี่ยนมุมมองเป็นแผนที่ครับ ซูมเข้าออกให้สวย(1) จากนั้น คลิก(2) หาCode HTML ไปแปะที่ blog ของสาขา
7.
 Copy ทั้งหมด จะเป็นCode HTML ไปวางไว้ที่ blog วิธีวางอ่านใน

วิธีใส่HTMLCode ที่ได้จากYouTube Facebook FoxcyForm หรือ Google map ใน blog ตอนที่2

8.
ผมไม่รู้เป็นการตั้งใจของ Google หรือไม่ ที่เราใส่Code HTML แล้วไม่มีรูป ดังภาพ  ไม่ต้องกลัว คลิก..เลย
9.
ทำอีกครังคลิก(1) แต่จะมี ข้อความแตกต่างขึ้นมา คลิก(2)
10.
ไม่รู้ว่าทำไม Google ต้องทำอย่างนี้????ไม่ให้มาทีเดียว..ต้องมากเรื่อง  เอาCode HTML ใหม่ไปใช้ แผนที่ออกมาแน่นอนครับ..เหนื่อยแทน..

1 ความคิดเห็น:

  1. ไม่เห็นมีภาพเลยค่ะ งงทำไม่ได้ค่ะคลิก1_2คือไรคะจะลองทำดูแต่ไม่มีภาพ

    ตอบลบ