บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ Openlayers

กำหนด Transition Effect

ในการแสดงผลภาพแผนที่ผ่าน Openlayers นั้น เมื่อเราเปลี่ยนมาตราฐานหรือการย่อ ขยายแผนที่ ภาพแผนที่ที่แสดงมันจะหายไปแล้วทำการดึงภาพแผนที่ใหม่มาแทนที่ อาจจะทำไม่ค่อยสวยในการแสดงผล ในส่วนของ Openlayers จะมีตัวเลือกในการทำให้การเปลี่ยนภาพแผนที่จากที่กำหนดเป็นมาตรฐานที่กล่าวมาแล้ว เป็นแบบการดึงภาพแผนที่ก่อนการกระทำมาแสดงก่อน เมื่อได้ภาพใหม่มาจึงนำภาพดังกล่าวมาแสดงแทน โดยเราสามารถจะกำหนดได้ 2 แนวทาง ดังนี้ 1. กำหนดใน layer โดยกำหนดแบบตายตัวใน library ของ Openlayer เลย โดยกำหนดในแฟ้มข้อมูล Openlayers/Layer.js /** * APIProperty: transitionEffect * {String} The transition effect to use when the map is panned or * zoomed. * * There are currently two supported values: * - *null* No transition effect (the default). * - *resize* Existing tiles are resized on zoom to provide a visual * effect of the zoom having taken place immediately. As the * new tiles become available, they are drawn over top of the * resized tiles. */ transitionEffect: ...

เบื้องต้นกับ Openlayers

ในการพัฒนาโปรแกรมบริการด้านแผนที่ผ่านเว็บนั้น ถ้าเราต้องการนำข้อมูลแผนที่จากหลายๆแหล่ง เช่น googlemap , bing , yahoo มาเป็นพื้นหลังของแผนที่เรา เราสามารถใช้โปรแกรม Openlayers ในการพัฒนาต่อยอดเพื่อเพิ่มความสามารถของโปรแกรมเราได้ ซึ่งในโปรแกรม Openlayers นั้นจะมีตัวอย่างค่อนข้างจะครบถ้วน ทั้งจากการเรียกข้อมูล googlemap มาเป็นพื้นหลังหรือข้อมูลแผนที่อื่นๆ และการกำหนดตำแหน่งบนแผนที่ ซึ่งผู้พัฒนาสามารถเพิ่มความสามารถของโปรแกรมได้ตามที่ต้องการ ในที่นี้จะแสดงตัวอย่างเบื้องต้นสำหรับการเรียกข้อมูลแผนที่ googlemap มาแสดง โดยสามารถดูได้จาก http://www.openlayers.org ในการแสดงข้อมูลภาพแผนที่ของ Openlayers นั้นเราสามารถกำหนดการแสดงผลแบบ tile หรือ untile ได้ โดยกำหนดไว้ใน parameter ในการเรียกข้อมูลแผนที่มาแสดง ในการแสดงข้อมูลภาพที่เป็น tile นั้น โดยมาตราฐานใน Openlayers จะกำหนดการแสดงภาพไว้ค่อยข้างจะเยอะ ทำให้การแสดงภาพแผนที่อาจจะช้า เราอาจจะปรับการแสดงภาพแผนที่ โดยกำหนดใน layer/grid.js เพื่อให้การคำนวณในการดึงภาพมาแสดงน้อยลงได้ ในส่วนของ buffer โดยการกำหนดให้เป็น 1 ซึ่งค่ามาตาฐานจะกำหนดไว้ที่ 2 เ...