ปรับแสงสีใน Google Map

ปกติกูเกิ้ลแม็พจะมี Style ให้เราเลือกไปใช้อยู่ 6 แบบ ซึ่งจะมีวิธีขั้นตอนการนำไปใช้อยู่ใน
https://developers.google.com/maps/documentation/javascript/styling

https://mapstyle.withgoogle.com/ เป็นลิงก์สำหรับจัดการตั้งค่า Style ต่างๆ ภายใน Map
ซึ่งในหน้านี้ เมื่อเราเลือกธีมแผนที่แล้ว เรายังสามารถปรับแต่ง ตั้งค่าสีตามใจชอบ แสดง หรือซ่อน icon เกี่ยวกับถนน หรือ องค์กรธุรกิจได้ โดยการคลิกที่  More Options

หน้าตา https://mapstyle.withgoogle.com/ ที่ที่เราสามารถ custom map ได้

 

เมื่อคลิกปุ่ม More Options จะมีหน้า Advance setting งอกออกมา

 

เมื่อเราตั้งค่าเสร็จเรียบร้อย เราก็ทำการ Export style ออกมา Google จะ Generate Style ออกมาให้เราเป็น JSON เราก็ก็ Copy ไปไว้ในแอ๊พ หรือเว็บไซต์ของเรา

นอกจากนี้ เขายังมีแหล่งรวม Custom style ของ Google map ที่ https://snazzymaps.com 
ในนี้เราสามารถเลือกธีมที่เราชอบ แล้วมาดัดแปลงแก้ไขได้เพิ่มเติมอีกด้วยน๊า : D

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.