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

บทนำ

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

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 ของท่านที่ลงทะเบียนไว้กับเรา

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

  1. Nattawat Nonsung says:

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

  2. Nattawat Nonsung says:

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

    • ต้องขออภัยนะครับที่ตอบช้า สำหรับตัวอย่างเรายังไม่ได้อัพขึ้นใน 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 ไว้ผมจะเขียนบนความขึ้นให้เร็วๆนี้ครับ ขอบคุณครับ

      • Nattawat Nonsung says:

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

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

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

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

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

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

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

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

      • Napong says:

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

  3. Chaiwat says:

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

    • Napong says:

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

  4. torz says:

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

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 )

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