The Geo Mush up and Application
           Chaipat Nengcomma
        http://emap.wordpress.com/




              Mr. Chai...
Component

        Data Integration                           Street View

                           Mushup Map API

 Spa...
Map Service API



  Mr. Chaipat nengcomma
Google Map
             Google มีทั้งรูปแบบ google map API และ google earth API บริการ
   ขอมูลทังภาพถายดาวเทียมรายละเอี...
Mr. Chaipat nengcomma
Google Earth API
             Google Earth API เจาตัวนี้ก็คอ Google Earth ที่ embed ตัวใหสามารถ
                        ...
Google &GeoEye
               GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่เกิดจากความรวมมือในการ
   ลงทุนของ NGA(National Geospa...
Google &GeoEye
              GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่สามารถบันทึกภาพแบบ MS
   ที่ความละเอียด 41 cm. ซึ่งเปนด...
Google &GeoEye




                 Mr. Chaipat nengcomma
Longdo Map
            Meta Media บริการแผนที่สัญชาติไทย ที่นาสนใจ คือมีบริการคนหา
   ขอมูล สถานที่ตางๆในรูปแบบ ภาษาไท...
Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Microsoft Virtual Earth
         ขอมูลถนนอาจจะยังไมละเอียดเทาของเจาอื่น แตภาพถายดาวเทียม
รายละเอียดสูงก็นาสนใจเลยที...
Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Multimap
               Multimap ใหบริการขอมูลแผนที่ online ในลักษณะของ Map API โดย
   นอกจากการใชงานปกติผาน web appli...
Mr. Chaipat nengcomma
Multi Map




     Google Map
Mr. Chaipat nengcomma
Yahoo map
             Yahoo! Maps APIs let you easily embed rich and interactive maps
   into your web and desktop applic...
Navigation



Mr. Chaipat nengcomma
Google Direction




                   Mr. Chaipat nengcomma
Navigation: Optimap (Google Direction+TSP)

      - Google Direction , Google Geocode and Google Map for Traveling plannin...
Navigation: Optimap (Google Direction+TSP)




                    Mr. Chaipat nengcomma
Navigation: Optimap (Google Direction+TSP)




      http://gebweb.net/optimap




                              Mr. Chaip...
Geocode



Mr. Chaipat nengcomma
Geocode
         Geocoding is the process of assigning geographic identifiers (e.g.,
codes or geographic coordinates expre...
Yahoo Geocode
          The Geocoding Web Service allows you to find the specific latitude and
longitude for an address. Y...
Yahoo Geocode




                Mr. Chaipat nengcomma
Google Geocode




                 Mr. Chaipat nengcomma
Google Geocode
 function showAddress(address) {
 if (geocoder) {
 geocoder.getLatLng( address, function(point) { if (!poin...
Longdo




         Mr. Chaipat nengcomma
Longdo




                       ThaiGeocode
         Mr. Chaipat nengcomma
Street View (Panorama) Application



           Mr. Chaipat nengcomma
Street View




              Mr. Chaipat nengcomma
City8.com                                     Map Viewer


        Street View




                                       ...
Mr. Chaipat nengcomma
EveryScape.com




                 Mr. Chaipat nengcomma
EveryScape.com




                 Mr. Chaipat nengcomma
Google Street view




                     Mr. Chaipat nengcomma
Google Street View API
 <script type=”text/javascript”>
   function initialize() {
       var myPano = new GStreetviewPano...
Google Street View API




                     Mr. Chaipat nengcomma
Mapjack




          Mr. Chaipat nengcomma
Social Network



  Mr. Chaipat nengcomma
Social Network
              ขอมูลเชิงพื้นที่ ซึ่งเกี่ยวของกับขอมูลสําหรับการใชชีวิตประจําวัน จึงมี
   การนําเอาขอมูล...
Twittervision




 http://username:password@twitter.com/account/update_location.xml?loc
 ation=bangkok,+thailand

        ...
whereyougonnabe




                  Mr. Chaipat nengcomma
Heat Map




           HeatMap API+Map API = where is hot in
                  CA on Saturday Night?
                 Mr....
Barbond




          Mr. Chaipat nengcomma
Social Network




    Mr. Chaipat nengcomma
Social Network
 Mr. Chaipat nengcomma
Photo Sharing

  Mr. Chaipat nengcomma
Development



Mr. Chaipat nengcomma
Integrate Spatial Data




                                    Emap Demo




                         Mr. Chaipat nengcomma
Integrate Spatial Data




                            Emap Demo




                         Mr. Chaipat nengcomma
Integrate Spatial Data




                         Mr. Chaipat nengcomma
GeoDjango

        Django is a high-level Python web framework that
encourages rapid development and clean, pragmatic desi...
GeoDjango

       GeoDjango speaks the languages of the geographic web and
supports KML, GML, WKT, WKB, GeoRSS, and GeoJSO...
Mr. Chaipat nengcomma
Open Geo-Stack

       An open geo-stack offers a flexible and feature filled solution
for your web mapping needs. Store y...
MapStrack
           Mapstraction floats on top of niine APIs: Microsoft VE,
 Google, Yahoo!, MultiMap, Poly9 FreeEarth, M...
Mr. Chaipat nengcomma
OpenGWT

        Google Web Toolkit (GWT) is an open source Java software
development framework that allows web developers...
OpenGWT
          GWT - OpenLayers plugin is an open source project implemented by Erdem
Gunay. Although it does not suppo...
OpenGWT




      http://sourceforge.net/projects/gwt-openlayers

                  Mr. Chaipat nengcomma
Ruby (Cartographer Plugin)
          Allows you to plop Google Maps down into your Rails app without knowing a
lick of ECM...
Ruby (Geokit)
           Geokit is a Rails plugin for building location-based apps. It provides geocoding,
location finder...
Ruby




       Mr. Chaipat nengcomma
Sample Application



    Mr. Chaipat nengcomma
Business

           Mr. Chaipat nengcomma
News / Event

          Mr. Chaipat nengcomma
Real estate
Mr. Chaipat nengcomma
VDO Tracking
Mr. Chaipat nengcomma
VDO Tracking
 Mr. Chaipat nengcomma
Geopress




           Mr. Chaipat nengcomma
Crime Map
           web application ที่มีการเก็บขอมูลการเกิดอาชญากรรมในที่ตางๆ โดย
 ขอมูลก็มาจากหนังสือพิมพ หรือขาวจ...
Health
Mr. Chaipat nengcomma
Spot Information
   Mr. Chaipat nengcomma
Upcoming SlideShare
Loading in...5
×

Map

1,846

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,846
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
69
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Map

  1. 1. The Geo Mush up and Application Chaipat Nengcomma http://emap.wordpress.com/ Mr. Chaipat nengcomma
  2. 2. Component Data Integration Street View Mushup Map API Spatial Encoding Navigation Geocode Mr. Chaipat nengcomma
  3. 3. Map Service API Mr. Chaipat nengcomma
  4. 4. Google Map Google มีทั้งรูปแบบ google map API และ google earth API บริการ ขอมูลทังภาพถายดาวเทียมรายละเอียดสูง,เสนทางถนน,เสนทางรถไฟฟา, ้ landmark, ทิศทางของถนน,รูปภาพ,ความสูงภูมิประเทศ Mr. Chaipat nengcomma
  5. 5. Mr. Chaipat nengcomma
  6. 6. Google Earth API Google Earth API เจาตัวนี้ก็คอ Google Earth ที่ embed ตัวใหสามารถ ื ทํางานไดบน web browser ทั่วไปเชน IE, FireFox ในลักษณะ 3D Web Application โดยอาศัย engine ที่เปน Plug-in ของ Google ในการชวยแสดงผล นอกจากนี้นักพัฒนายังสามารถใชภาษา Javascript ในการควบคุมการทํางานของ Google Earth และสามารถ input ขอมูลเชิงพื้นที่ในรูปแบบ KML ได สําหรับที่ ทานสนใจจะนําไปใชงานก็งาย เพียงแคติดตั้ง plug-in ลงไปในเครื่องจากนั้นก็ เรียกใชงานไดเลยครับ แตขอจํากัดของ Google earth on web ตัวนี้ยังมี เชน  layers หลายๆตัวยังไมเทากับ google earth stand alone ที่เรา ใชงานกัน ซึ่ง สามารถ Download plug-in ไดที่ http://code.google.com/apis/earth/ Mr. Chaipat nengcomma
  7. 7. Google &GeoEye GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่เกิดจากความรวมมือในการ ลงทุนของ NGA(National Geospatial-Intelligence Agency) และ Google โดย สองไดลงขันกันคนละครึ่ง คือประมาณ 502 ลานดอลลา ซึ่งปลอยขึนสูอวกาศ ้ เมื่อวันที่ 6 กย. 2551 จากที่ Vandenberg Air Force Base ในรัฐ California Mr. Chaipat nengcomma
  8. 8. Google &GeoEye GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่สามารถบันทึกภาพแบบ MS ที่ความละเอียด 41 cm. ซึ่งเปนดาวเทียมประเภท commercial ทั่วไปที่จะมีการ ขายขอมูลและเผยแพรขอมูลผานอินเตอรเน็ต ซึ่งแนนอนวาผูใช Google Earth และ Google Map คงนาจะไดใชภาพถายดาวเทียม GeoEye-1 ในไมชานี้แนนอน แตคงไดใชขอมูลที่ความละเอียด 50 cm ตามขอกําหนดในการเผยแพรขอมูลซึ่ง เกี่ยวกับความมันคง ่ ปจจุบัน GeoEye-1 โคจรที่ความสูง 423-mile บินที่ความเร็ว 4.5 ไมล ตอวินาที ซึ่งไดเริ่มทําการบันทึกภาพและสงภาพกลับมายังสถานีฐานเพื่อทําการ ประมวลผล เมื่อเดือนที่ผานมา โดยมีการบันทึกภาพแรกที่ Kutztown University ในรัฐ Pennsylvania ซึ่งภาพที่ไดก็คมชัด ไมมีเมฆมาบดบัง Mr. Chaipat nengcomma
  9. 9. Google &GeoEye Mr. Chaipat nengcomma
  10. 10. Longdo Map Meta Media บริการแผนที่สัญชาติไทย ที่นาสนใจ คือมีบริการคนหา ขอมูล สถานที่ตางๆในรูปแบบ ภาษาไทยและครอบคลุมเกือบทั่วประเทศดวย ครับ และยังสามารถ print แผนที่ในรูปแบบ A4 ไดอีกดวย นอกจากนี้ยังทํางาน รวมกับระบบของ google ไดอกดวยครับ ี Mr. Chaipat nengcomma
  11. 11. Mr. Chaipat nengcomma
  12. 12. Mr. Chaipat nengcomma
  13. 13. Microsoft Virtual Earth ขอมูลถนนอาจจะยังไมละเอียดเทาของเจาอื่น แตภาพถายดาวเทียม รายละเอียดสูงก็นาสนใจเลยทีเดียว ที่สําคัญมี application เสริม เชน การสดงผล 3D , การทํา routing analysis อยางงาย เปนตน Mr. Chaipat nengcomma
  14. 14. Mr. Chaipat nengcomma
  15. 15. Mr. Chaipat nengcomma
  16. 16. Multimap Multimap ใหบริการขอมูลแผนที่ online ในลักษณะของ Map API โดย นอกจากการใชงานปกติผาน web application ของ multimap แลว ผูใชยัง สามารถใชงานผาน Open API ไดอีกดวยโดยการนําขอมูลแผนที่ตางๆ มา integrate กับ website ก็ทําไดงายไมยุงยาก ที่สําคัญแนวโนมในการพัฒนาก็กําลัง เพิ่มขึ้นดวยครับ เนื่องจาก multimap ไดถูก Microsoft ซื้อไปและมีการใหการ สนับสนุนการวิจัยและพัฒนาอยู ซึ่งมีการแชรเทคโนโลยีกับ Microsoft Virtual Earth และ Live Search Maps Mr. Chaipat nengcomma
  17. 17. Mr. Chaipat nengcomma
  18. 18. Multi Map Google Map Mr. Chaipat nengcomma
  19. 19. Yahoo map Yahoo! Maps APIs let you easily embed rich and interactive maps into your web and desktop applications using your choice of platform: we provide Flash, Ajax and Map Image APIs. including Yahoo! Local listings, Traffic and Weather reports, Upcoming events and Flickr Photos. Our APIs support the GeoRSS standard Mr. Chaipat nengcomma
  20. 20. Navigation Mr. Chaipat nengcomma
  21. 21. Google Direction Mr. Chaipat nengcomma
  22. 22. Navigation: Optimap (Google Direction+TSP) - Google Direction , Google Geocode and Google Map for Traveling planning. - Using TSP Model - JavaScript Open source library - @ http://gebweb.net/optimap Mr. Chaipat nengcomma
  23. 23. Navigation: Optimap (Google Direction+TSP) Mr. Chaipat nengcomma
  24. 24. Navigation: Optimap (Google Direction+TSP) http://gebweb.net/optimap Mr. Chaipat nengcomma
  25. 25. Geocode Mr. Chaipat nengcomma
  26. 26. Geocode Geocoding is the process of assigning geographic identifiers (e.g., codes or geographic coordinates expressed as latitude-longitude) to map features and other data records, such as street addresses. Media can also be geocoded, for example where a picture was taken, IP addresses, and anything that has a geographic component. With geographic coordinates the features can be mapped and entered into Geographic Information Systems. Mr. Chaipat nengcomma
  27. 27. Yahoo Geocode The Geocoding Web Service allows you to find the specific latitude and longitude for an address. You can use this service to geocode your points in advance or forego it altogether with built-in geocoding in our AJAX and Flash APIs. Request URL http://local.yahooapis.com/MapsService/V1/geocode?appid=YD- 9G7bey8_JXxQP6rxl.fBFGgCdNjoDMACQA-- &street=701+First+Ave&city=Sunnyvale&state=CA Mr. Chaipat nengcomma
  28. 28. Yahoo Geocode Mr. Chaipat nengcomma
  29. 29. Google Geocode Mr. Chaipat nengcomma
  30. 30. Google Geocode function showAddress(address) { if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { alert(address + quot; not foundquot;); } else { map.setCenter(point, 13); var marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml(address); } } ); } } Mr. Chaipat nengcomma
  31. 31. Longdo Mr. Chaipat nengcomma
  32. 32. Longdo ThaiGeocode Mr. Chaipat nengcomma
  33. 33. Street View (Panorama) Application Mr. Chaipat nengcomma
  34. 34. Street View Mr. Chaipat nengcomma
  35. 35. City8.com Map Viewer Street View Advertise Mr. Chaipat nengcomma
  36. 36. Mr. Chaipat nengcomma
  37. 37. EveryScape.com Mr. Chaipat nengcomma
  38. 38. EveryScape.com Mr. Chaipat nengcomma
  39. 39. Google Street view Mr. Chaipat nengcomma
  40. 40. Google Street View API <script type=”text/javascript”> function initialize() { var myPano = new GStreetviewPanorama(document.getElementById(”pano”)); var myway = new GLatLng(42.345573,-71.098326); myPOV = {yaw:370.64659986187695,pitch:-20}; myPano.setLocationAndPOV(myway, myPOV); GEvent.addListener(myPano, “error”, handleNoFlash); } function handleNoFlash(errorCode) { if (errorCode == 603) { alert(”Error: Flash doesn’t appear to be supported by your browser”); return; } } </script> Mr. Chaipat nengcomma
  41. 41. Google Street View API Mr. Chaipat nengcomma
  42. 42. Mapjack Mr. Chaipat nengcomma
  43. 43. Social Network Mr. Chaipat nengcomma
  44. 44. Social Network ขอมูลเชิงพื้นที่ ซึ่งเกี่ยวของกับขอมูลสําหรับการใชชีวิตประจําวัน จึงมี การนําเอาขอมูลแผนที่จาก Mapping API มาใชรวมกับเว็บไชตบริการประเภท เครื่อขายสังคม และใชในการตอบปญหาที่เกี่ยวของกับขอมูลตําแหนง เชน คนหาสถานที่, คนหาเสนทาง, การเชื่อมโยงกิจกรรมของสมาชิกกับสถานที่, การ วางแผนการทองเที่ยว เปนตน Mr. Chaipat nengcomma
  45. 45. Twittervision http://username:password@twitter.com/account/update_location.xml?loc ation=bangkok,+thailand Mr. Chaipat nengcomma
  46. 46. whereyougonnabe Mr. Chaipat nengcomma
  47. 47. Heat Map HeatMap API+Map API = where is hot in CA on Saturday Night? Mr. Chaipat nengcomma
  48. 48. Barbond Mr. Chaipat nengcomma
  49. 49. Social Network Mr. Chaipat nengcomma
  50. 50. Social Network Mr. Chaipat nengcomma
  51. 51. Photo Sharing Mr. Chaipat nengcomma
  52. 52. Development Mr. Chaipat nengcomma
  53. 53. Integrate Spatial Data Emap Demo Mr. Chaipat nengcomma
  54. 54. Integrate Spatial Data Emap Demo Mr. Chaipat nengcomma
  55. 55. Integrate Spatial Data Mr. Chaipat nengcomma
  56. 56. GeoDjango Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. GeoDjango is an official branch of Django that intends to be a world-class geographic web framework. GeoDjango is BSD- licensed and cross-platform (Linux, Windows, Mac OS X, and Solaris platforms) and supports the spatial capabilities of the PostGIS, Oracle, and MySQL databases Mr. Chaipat nengcomma
  57. 57. GeoDjango GeoDjango speaks the languages of the geographic web and supports KML, GML, WKT, WKB, GeoRSS, and GeoJSON formats. Web maps may be created using the APIs for Google Maps and OpenLayers. Moreover, the built-in geographic admin supports the manipulation and visualization of spatial data. Databrowse dynamically creates a rich, browsable web site by introspecting your models. http://geodjango.org/docs/model-api.html Mr. Chaipat nengcomma
  58. 58. Mr. Chaipat nengcomma
  59. 59. Open Geo-Stack An open geo-stack offers a flexible and feature filled solution for your web mapping needs. Store your data with PostGIS, set up GeoServer to publish it, and develop an OpenLayers based client for the browser. This tutorial will focus on these three core components of an open source geo-stack and will also cover architectures that cross the proprietary/open source divide. Mr. Chaipat nengcomma
  60. 60. MapStrack Mapstraction floats on top of niine APIs: Microsoft VE, Google, Yahoo!, MultiMap, Poly9 FreeEarth, Map24, MapQuest, and OpenStreetMap. Each one has different features and qualities of aerial and mapping data, and your use may depend on area of interest (who has the best aerial imagery in Bangalore?) or features (can I plot GeoRSS?). With Mapstraction you can make these decisions on the fly and not get locked into one specific API. We’ll tour adding simple maps, pins, and geocoding. Plotting GeoRSS and switching APIs on the fly. Some JavaScript knowledge is preferable but not an absolute necessity. Mr. Chaipat nengcomma
  61. 61. Mr. Chaipat nengcomma
  62. 62. OpenGWT Google Web Toolkit (GWT) is an open source Java software development framework that allows web developers to create Ajax applications in Java. It is licensed under the Apache License version 2.0.[1] GWT emphasizes reusable, efficient solutions to recurring Ajax challenges, namely asynchronous remote procedure calls, history management, bookmarking, and cross-browser portability. Mr. Chaipat nengcomma
  63. 63. OpenGWT GWT - OpenLayers plugin is an open source project implemented by Erdem Gunay. Although it does not support all the OpenLayers classes yet, it is in a good shape to use main features including - Map, Marker, Icon, LonLat, Size, Pixel, Bounds etc. - Layers (WMS, Google, Vector, Markers) - Controls (DrawFeature, LayerSwitcher, MousePosition, MouseToolbar, PanZoomBar, Scale) - Handlers (Point, Path, Polygon) - Popups (Popup, Anchored, AnchoredBubble) Events Mr. Chaipat nengcomma
  64. 64. OpenGWT http://sourceforge.net/projects/gwt-openlayers Mr. Chaipat nengcomma
  65. 65. Ruby (Cartographer Plugin) Allows you to plop Google Maps down into your Rails app without knowing a lick of ECMAScript Javascript. http://wiki.rubyonrails.org/rails/pages/Cartographer+Plugin Get a Google Maps API key and tell it to Cartographer add <%= gmaps_header %> to your layout In controller, such as: @map = Map.new(:name => ‘mymap’, :width => 300, :center => Point.new(-110, 33)) In view, such as: <%= @map.to_html %> Mr. Chaipat nengcomma
  66. 66. Ruby (Geokit) Geokit is a Rails plugin for building location-based apps. It provides geocoding, location finders, and distance calculation in one cohesive package. If you have any tables with latitude/longitude columns in your database, or if you every wanted to easily query for quot;all the stores within a 50 mile radius,quot; then GeoKit is for you. http://geokit.rubyforge.org/ Mr. Chaipat nengcomma
  67. 67. Ruby Mr. Chaipat nengcomma
  68. 68. Sample Application Mr. Chaipat nengcomma
  69. 69. Business Mr. Chaipat nengcomma
  70. 70. News / Event Mr. Chaipat nengcomma
  71. 71. Real estate Mr. Chaipat nengcomma
  72. 72. VDO Tracking Mr. Chaipat nengcomma
  73. 73. VDO Tracking Mr. Chaipat nengcomma
  74. 74. Geopress Mr. Chaipat nengcomma
  75. 75. Crime Map web application ที่มีการเก็บขอมูลการเกิดอาชญากรรมในที่ตางๆ โดย ขอมูลก็มาจากหนังสือพิมพ หรือขาวจากสถานนี้โทรทัศน และก็นําเสนอใน รูปแบบของรายงานการเกิดอาชญากรรม สถิติ ตลอดจนการวิเคราะหแนวโนม การเกิด ทําใหผูคนที่อยูอาศัยในทองที่ตางๆเกิดความตื่นตัวในการเฝาระวัง และ  ปกปองตัวเอง chicago.everyblock.com MyNeighbourhood Mr. Chaipat nengcomma
  76. 76. Health Mr. Chaipat nengcomma
  77. 77. Spot Information Mr. Chaipat nengcomma
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×