Map
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Map

on

  • 3,275 views

 

Statistics

Views

Total Views
3,275
Views on SlideShare
3,244
Embed Views
31

Actions

Likes
0
Downloads
67
Comments
0

2 Embeds 31

http://static.slideshare.net 26
http://www.slideshare.net 5

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Map Presentation Transcript

  • 1. The Geo Mush up and Application Chaipat Nengcomma http://emap.wordpress.com/ Mr. Chaipat nengcomma
  • 2. Component Data Integration Street View Mushup Map API Spatial Encoding Navigation Geocode Mr. Chaipat nengcomma
  • 3. Map Service API Mr. Chaipat nengcomma
  • 4. Google Map Google มีทั้งรูปแบบ google map API และ google earth API บริการ ขอมูลทังภาพถายดาวเทียมรายละเอียดสูง,เสนทางถนน,เสนทางรถไฟฟา, ้ landmark, ทิศทางของถนน,รูปภาพ,ความสูงภูมิประเทศ Mr. Chaipat nengcomma
  • 5. Mr. Chaipat nengcomma
  • 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. Google &GeoEye GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่เกิดจากความรวมมือในการ ลงทุนของ NGA(National Geospatial-Intelligence Agency) และ Google โดย สองไดลงขันกันคนละครึ่ง คือประมาณ 502 ลานดอลลา ซึ่งปลอยขึนสูอวกาศ ้ เมื่อวันที่ 6 กย. 2551 จากที่ Vandenberg Air Force Base ในรัฐ California Mr. Chaipat nengcomma
  • 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. Google &GeoEye Mr. Chaipat nengcomma
  • 10. Longdo Map Meta Media บริการแผนที่สัญชาติไทย ที่นาสนใจ คือมีบริการคนหา ขอมูล สถานที่ตางๆในรูปแบบ ภาษาไทยและครอบคลุมเกือบทั่วประเทศดวย ครับ และยังสามารถ print แผนที่ในรูปแบบ A4 ไดอีกดวย นอกจากนี้ยังทํางาน รวมกับระบบของ google ไดอกดวยครับ ี Mr. Chaipat nengcomma
  • 11. Mr. Chaipat nengcomma
  • 12. Mr. Chaipat nengcomma
  • 13. Microsoft Virtual Earth ขอมูลถนนอาจจะยังไมละเอียดเทาของเจาอื่น แตภาพถายดาวเทียม รายละเอียดสูงก็นาสนใจเลยทีเดียว ที่สําคัญมี application เสริม เชน การสดงผล 3D , การทํา routing analysis อยางงาย เปนตน Mr. Chaipat nengcomma
  • 14. Mr. Chaipat nengcomma
  • 15. Mr. Chaipat nengcomma
  • 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. Mr. Chaipat nengcomma
  • 18. Multi Map Google Map Mr. Chaipat nengcomma
  • 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. Navigation Mr. Chaipat nengcomma
  • 21. Google Direction Mr. Chaipat nengcomma
  • 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. Navigation: Optimap (Google Direction+TSP) Mr. Chaipat nengcomma
  • 24. Navigation: Optimap (Google Direction+TSP) http://gebweb.net/optimap Mr. Chaipat nengcomma
  • 25. Geocode Mr. Chaipat nengcomma
  • 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. 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. Yahoo Geocode Mr. Chaipat nengcomma
  • 29. Google Geocode Mr. Chaipat nengcomma
  • 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. Longdo Mr. Chaipat nengcomma
  • 32. Longdo ThaiGeocode Mr. Chaipat nengcomma
  • 33. Street View (Panorama) Application Mr. Chaipat nengcomma
  • 34. Street View Mr. Chaipat nengcomma
  • 35. City8.com Map Viewer Street View Advertise Mr. Chaipat nengcomma
  • 36. Mr. Chaipat nengcomma
  • 37. EveryScape.com Mr. Chaipat nengcomma
  • 38. EveryScape.com Mr. Chaipat nengcomma
  • 39. Google Street view Mr. Chaipat nengcomma
  • 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. Google Street View API Mr. Chaipat nengcomma
  • 42. Mapjack Mr. Chaipat nengcomma
  • 43. Social Network Mr. Chaipat nengcomma
  • 44. Social Network ขอมูลเชิงพื้นที่ ซึ่งเกี่ยวของกับขอมูลสําหรับการใชชีวิตประจําวัน จึงมี การนําเอาขอมูลแผนที่จาก Mapping API มาใชรวมกับเว็บไชตบริการประเภท เครื่อขายสังคม และใชในการตอบปญหาที่เกี่ยวของกับขอมูลตําแหนง เชน คนหาสถานที่, คนหาเสนทาง, การเชื่อมโยงกิจกรรมของสมาชิกกับสถานที่, การ วางแผนการทองเที่ยว เปนตน Mr. Chaipat nengcomma
  • 45. Twittervision http://username:password@twitter.com/account/update_location.xml?loc ation=bangkok,+thailand Mr. Chaipat nengcomma
  • 46. whereyougonnabe Mr. Chaipat nengcomma
  • 47. Heat Map HeatMap API+Map API = where is hot in CA on Saturday Night? Mr. Chaipat nengcomma
  • 48. Barbond Mr. Chaipat nengcomma
  • 49. Social Network Mr. Chaipat nengcomma
  • 50. Social Network Mr. Chaipat nengcomma
  • 51. Photo Sharing Mr. Chaipat nengcomma
  • 52. Development Mr. Chaipat nengcomma
  • 53. Integrate Spatial Data Emap Demo Mr. Chaipat nengcomma
  • 54. Integrate Spatial Data Emap Demo Mr. Chaipat nengcomma
  • 55. Integrate Spatial Data Mr. Chaipat nengcomma
  • 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. 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. Mr. Chaipat nengcomma
  • 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. 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. Mr. Chaipat nengcomma
  • 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. 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. OpenGWT http://sourceforge.net/projects/gwt-openlayers Mr. Chaipat nengcomma
  • 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. 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. Ruby Mr. Chaipat nengcomma
  • 68. Sample Application Mr. Chaipat nengcomma
  • 69. Business Mr. Chaipat nengcomma
  • 70. News / Event Mr. Chaipat nengcomma
  • 71. Real estate Mr. Chaipat nengcomma
  • 72. VDO Tracking Mr. Chaipat nengcomma
  • 73. VDO Tracking Mr. Chaipat nengcomma
  • 74. Geopress Mr. Chaipat nengcomma
  • 75. Crime Map web application ที่มีการเก็บขอมูลการเกิดอาชญากรรมในที่ตางๆ โดย ขอมูลก็มาจากหนังสือพิมพ หรือขาวจากสถานนี้โทรทัศน และก็นําเสนอใน รูปแบบของรายงานการเกิดอาชญากรรม สถิติ ตลอดจนการวิเคราะหแนวโนม การเกิด ทําใหผูคนที่อยูอาศัยในทองที่ตางๆเกิดความตื่นตัวในการเฝาระวัง และ  ปกปองตัวเอง chicago.everyblock.com MyNeighbourhood Mr. Chaipat nengcomma
  • 76. Health Mr. Chaipat nengcomma
  • 77. Spot Information Mr. Chaipat nengcomma