วิธีการใช้งาน getTile

บทนำ

สำหรับผู้ที่ต้องการแสดงข้อมูลเส้นสีบนแผนที่ของตนเองนั้น  หากท่านใช้ google map เป็นแผนที่ในการแสดงผล  ท่านสามารถนำ traffic layer ของเราไปแสดงบน website ของท่านได้

API Status:

Closed

getTile

เป็น api สำหรับเรียกภาพ overlay จราจรเพื่อแสดงผลบน google map โดยหากเป็น version 2 จะสามารถนำ api ไปช่วยแสดงผลได้โดยง่ายโดยการเพื่ม GTileLayerOverlay ลงในเว็ป site ของท่านโดยให้เพิ่มโค้ดไปดังนี้

var urlTemplate = 'http://api.traffy.in.th/apis/apitraffy.php?format=png&api=getTile&key=(ได้จากการลงทะเบียน)&appid=(ได้จากการลงทะเบียน)&x={X}&y={Y}&z={Z}';
var myLayer = new GTileLayer(null,0,18,{
                                 tileUrlTemplate:urlTemplate,
                                 isPng:true,
                                 opacity:0.8 });
var trafficLayer =  new GTileLayerOverlay(myLayer);
map = new GMap2(document.getElementById("map"));
map.addOverlay(trafficLayer);

โดยจะต้องใส่ appid และ key ให้ตรงกับ website ที่ท่านใช้งาน

ตัวอย่าง

http://traffy.nectec.or.th/itraffy/imap.html

หมายเหตุ: เส้นสีจะแสดงได้หากใส่ api ให้ตรงกับ website ของท่านที่ลงทะเบียนไว้กับเรา

14 thoughts on “วิธีการใช้งาน getTile

  1. ไม่ทราบว่ามีตัวอย่าง สำหรับ google map api version 3.0 ไหมครับ

  2. ไม่มีนี้คือ ไม่มีตัวอย่าง หรือว่าไม่สามารถ ต่อกันได้ครับ

    1. ต้องขออภัยนะครับที่ตอบช้า สำหรับตัวอย่างเรายังไม่ได้อัพขึ้นใน wordpress ครับ
      แต่วิธีการนำ overlay มาขึ้นบน v3 นั้นสามารถทำได้ แต่เนื่องจาก api GTileLayer ไม่มี api ไหนสามารถใช้แทนกันได้เราจะต้องเขียน GTileLayer ขึ้นมาแสดงเองซึ่งมีหลายคนที่ืทำ GTileLayer สำหรับ google map v3 ไว้เช่น http://search.missouristate.edu/map/mobile/examples/
      ที่มีการเขียน GTileLayer ขึ้นมาใหม่เองโดยเราสามารถ API ที่เค้าเขียนไว้แล้วนำมาแสดง Overlay ของเราได้ดังตัวอย่างโค้ดที่ url นี้ครับ http://traffy.nectec.or.th/itraffy/imapv3.html สำหรับวิธีใช้งาน Custom Tile บน API Version 3 ไว้ผมจะเขียนบนความขึ้นให้เร็วๆนี้ครับ ขอบคุณครับ

      1. ขอบคุณมากๆ ครับ

        พอดีว่าผมเรียนที่ ait แล้วต้องทำ Project ที่ต้อง integrate กับ Traffy ครับ

        อีกเรื่อง ๑ ที่ผมยังตืดปัญหาอยู่ครับ

        คือว่า get incident อ่ะ ครับ บางที่มันก็ ขึ้น บางทีก็ไม่ขึ้นอ่ะครับ

        ไม่แน่ใจว่าเป็นที่อะไร

        ที่ผมทำก็ประมาณว่า getIncident 50 อัน แล้วก็เอาไป pin ใน map อ่ะครับ

        ผมเรื่องผ่าน JS อ่ะครับ

      2. ขออภัยที่ตอบช้านะครับ เดี๋ยวจะประสานงานคนดูแลส่วนนี้ให้ครับ

      3. แก้ไขแล้วครับ
        ถ้าพบปัญหาเดิมหรือปัญหาอื่นๆ อีก รบกวนแจ้งทางทีมงานด้วยครับ
        ขอบคุณมากครับ

  3. แล้วถ้าจะนำไปพัฒนาบน Bing Maps จะเอาไป overlay ยังไงอะครับ?

    1. Version นี้สามารถใช้ได้กับ Google map เท่านั้นครับ
      ในอนาคตถ้ามีนักพัฒนาต้องการใช้ Bing map มากขึ้น ทางทีมงานจะทำการ Generate version Bing map ให้ครับ

  4. พี่ผมเป็นมือใหม่อ่ะ ทำแล้วมานไม่ึ้นสีtrafficให้อ่า ผมทำผิดรายหรือครับ

    1. ทางเรายังไม่มีตัวอย่างการใช้งานกับ Google Map API V3 ครับ ขออภัยด้วยครับ

  5. ตอนนี้ไม่สามารถเข้าไปดูตัวอย่างได้เลยครับ ผมจะศึกษาตัวอย่างได้จากที่ไหนได้บางครับ ตัวอย่างที่ผมสนใจคือ ตัวอย่างที่ใช้กับ google map v3

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