SlideShare uma empresa Scribd logo
1 de 77
Baixar para ler offline
The Geo Mush up and Application
           Chaipat Nengcomma
        http://emap.wordpress.com/




              Mr. Chaipat nengcomma
Component

        Data Integration                           Street View

                           Mushup Map API

 Spatial Encoding                                         Navigation
                                Geocode

                           Mr. Chaipat nengcomma
Map Service API



  Mr. Chaipat nengcomma
Google Map
             Google มีทั้งรูปแบบ google map API และ google earth API บริการ
   ขอมูลทังภาพถายดาวเทียมรายละเอียดสูง,เสนทางถนน,เสนทางรถไฟฟา,
           ้
   landmark, ทิศทางของถนน,รูปภาพ,ความสูงภูมิประเทศ




                              Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
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
Google &GeoEye
               GeoEye-1 เปนดาวเทียมรายละเอียดสูงที่เกิดจากความรวมมือในการ
   ลงทุนของ NGA(National Geospatial-Intelligence Agency) และ Google โดย
   สองไดลงขันกันคนละครึ่ง คือประมาณ 502 ลานดอลลา ซึ่งปลอยขึนสูอวกาศ
                                                                      ้
   เมื่อวันที่ 6 กย. 2551 จากที่ Vandenberg Air Force Base ในรัฐ California




                              Mr. Chaipat nengcomma
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
Google &GeoEye




                 Mr. Chaipat nengcomma
Longdo Map
            Meta Media บริการแผนที่สัญชาติไทย ที่นาสนใจ คือมีบริการคนหา
   ขอมูล สถานที่ตางๆในรูปแบบ ภาษาไทยและครอบคลุมเกือบทั่วประเทศดวย
   ครับ และยังสามารถ print แผนที่ในรูปแบบ A4 ไดอีกดวย นอกจากนี้ยังทํางาน
   รวมกับระบบของ google ไดอกดวยครับ
                              ี




                             Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Microsoft Virtual Earth
         ขอมูลถนนอาจจะยังไมละเอียดเทาของเจาอื่น แตภาพถายดาวเทียม
รายละเอียดสูงก็นาสนใจเลยทีเดียว ที่สําคัญมี application เสริม เชน การสดงผล 3D ,
การทํา routing analysis อยางงาย เปนตน




                                Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Mr. Chaipat nengcomma
Multimap
               Multimap ใหบริการขอมูลแผนที่ online ในลักษณะของ Map API โดย
   นอกจากการใชงานปกติผาน web application ของ multimap แลว ผูใชยัง
   สามารถใชงานผาน Open API ไดอีกดวยโดยการนําขอมูลแผนที่ตางๆ มา
   integrate กับ website ก็ทําไดงายไมยุงยาก ที่สําคัญแนวโนมในการพัฒนาก็กําลัง
   เพิ่มขึ้นดวยครับ เนื่องจาก multimap ไดถูก Microsoft ซื้อไปและมีการใหการ
   สนับสนุนการวิจัยและพัฒนาอยู ซึ่งมีการแชรเทคโนโลยีกับ Microsoft Virtual
   Earth และ Live Search Maps




                                Mr. Chaipat nengcomma
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 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
Navigation



Mr. Chaipat nengcomma
Google Direction




                   Mr. Chaipat nengcomma
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
Navigation: Optimap (Google Direction+TSP)




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




      http://gebweb.net/optimap




                              Mr. Chaipat nengcomma
Geocode



Mr. Chaipat nengcomma
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
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
Yahoo Geocode




                Mr. Chaipat nengcomma
Google Geocode




                 Mr. Chaipat nengcomma
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
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




                                               Advertise

                      Mr. Chaipat nengcomma
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 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
Google Street View API




                     Mr. Chaipat nengcomma
Mapjack




          Mr. Chaipat nengcomma
Social Network



  Mr. Chaipat nengcomma
Social Network
              ขอมูลเชิงพื้นที่ ซึ่งเกี่ยวของกับขอมูลสําหรับการใชชีวิตประจําวัน จึงมี
   การนําเอาขอมูลแผนที่จาก Mapping API มาใชรวมกับเว็บไชตบริการประเภท
   เครื่อขายสังคม และใชในการตอบปญหาที่เกี่ยวของกับขอมูลตําแหนง เชน
   คนหาสถานที่, คนหาเสนทาง, การเชื่อมโยงกิจกรรมของสมาชิกกับสถานที่, การ
   วางแผนการทองเที่ยว เปนตน




                                  Mr. Chaipat nengcomma
Twittervision




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

                           Mr. Chaipat nengcomma
whereyougonnabe




                  Mr. Chaipat nengcomma
Heat Map




           HeatMap API+Map API = where is hot in
                  CA on Saturday Night?
                 Mr. Chaipat nengcomma
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 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
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
Mr. Chaipat nengcomma
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
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
Mr. Chaipat nengcomma
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
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
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 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
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
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 ที่มีการเก็บขอมูลการเกิดอาชญากรรมในที่ตางๆ โดย
 ขอมูลก็มาจากหนังสือพิมพ หรือขาวจากสถานนี้โทรทัศน และก็นําเสนอใน
 รูปแบบของรายงานการเกิดอาชญากรรม สถิติ ตลอดจนการวิเคราะหแนวโนม
 การเกิด ทําใหผูคนที่อยูอาศัยในทองที่ตางๆเกิดความตื่นตัวในการเฝาระวัง และ
                          
 ปกปองตัวเอง




chicago.everyblock.com                               MyNeighbourhood
                             Mr. Chaipat nengcomma
Health
Mr. Chaipat nengcomma
Spot Information
   Mr. Chaipat nengcomma

Mais conteúdo relacionado

Semelhante a Map

20090904 Future Web Camp2009
20090904 Future Web Camp200920090904 Future Web Camp2009
20090904 Future Web Camp2009Seo Jinho
 
20090418 イケテルRails勉強会 第2部Air編
20090418 イケテルRails勉強会 第2部Air編20090418 イケテルRails勉強会 第2部Air編
20090418 イケテルRails勉強会 第2部Air編mochiko AsTech
 
Geo-ing Global TeachMeet BETT 2011
Geo-ing Global TeachMeet BETT 2011Geo-ing Global TeachMeet BETT 2011
Geo-ing Global TeachMeet BETT 2011Dom Breadmore
 
P2P Bug Tracking with SD
P2P Bug Tracking with SDP2P Bug Tracking with SD
P2P Bug Tracking with SDJesse Vincent
 
Gorm @ gopher china
Gorm @ gopher chinaGorm @ gopher china
Gorm @ gopher chinaJinzhu
 
【12-C-5】 自律型移動ロボットのソフトウェア技術
【12-C-5】 自律型移動ロボットのソフトウェア技術【12-C-5】 自律型移動ロボットのソフトウェア技術
【12-C-5】 自律型移動ロボットのソフトウェア技術devsumi2009
 
Mapnik Sotm 2007
Mapnik Sotm 2007Mapnik Sotm 2007
Mapnik Sotm 2007artemp
 
Y Map Mashup Camp
Y Map Mashup CampY Map Mashup Camp
Y Map Mashup CampJinho Jung
 
Swap Skills I Phone
Swap Skills I PhoneSwap Skills I Phone
Swap Skills I PhoneSwapSkills
 
Where20 2009report
Where20 2009reportWhere20 2009report
Where20 2009reportToru Mori
 
Google MAP API
Google MAP APIGoogle MAP API
Google MAP APIEric Lee
 
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can TooMashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can TooMolecular Inc
 
090608-TogoWS REST
090608-TogoWS REST090608-TogoWS REST
090608-TogoWS RESTocha_kaneko
 
Drupal and the GeoSpatial Web
Drupal and the GeoSpatial WebDrupal and the GeoSpatial Web
Drupal and the GeoSpatial WebAndrew Turner
 
ブラウザでMap Reduce風味の並列分散処理
ブラウザでMap Reduce風味の並列分散処理ブラウザでMap Reduce風味の並列分散処理
ブラウザでMap Reduce風味の並列分散処理Shinya Miyazaki
 
Illuminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 TutorialIlluminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 Tutorialmikel_maron
 

Semelhante a Map (20)

20090904 Future Web Camp2009
20090904 Future Web Camp200920090904 Future Web Camp2009
20090904 Future Web Camp2009
 
geoweb2.0
geoweb2.0geoweb2.0
geoweb2.0
 
20090418 イケテルRails勉強会 第2部Air編
20090418 イケテルRails勉強会 第2部Air編20090418 イケテルRails勉強会 第2部Air編
20090418 イケテルRails勉強会 第2部Air編
 
Geo-ing Global TeachMeet BETT 2011
Geo-ing Global TeachMeet BETT 2011Geo-ing Global TeachMeet BETT 2011
Geo-ing Global TeachMeet BETT 2011
 
P2P Bug Tracking with SD
P2P Bug Tracking with SDP2P Bug Tracking with SD
P2P Bug Tracking with SD
 
Gorm @ gopher china
Gorm @ gopher chinaGorm @ gopher china
Gorm @ gopher china
 
【12-C-5】 自律型移動ロボットのソフトウェア技術
【12-C-5】 自律型移動ロボットのソフトウェア技術【12-C-5】 自律型移動ロボットのソフトウェア技術
【12-C-5】 自律型移動ロボットのソフトウェア技術
 
Mapnik Sotm 2007
Mapnik Sotm 2007Mapnik Sotm 2007
Mapnik Sotm 2007
 
Y Map Mashup Camp
Y Map Mashup CampY Map Mashup Camp
Y Map Mashup Camp
 
Swap Skills I Phone
Swap Skills I PhoneSwap Skills I Phone
Swap Skills I Phone
 
Where20 2009report
Where20 2009reportWhere20 2009report
Where20 2009report
 
Revolutions Side C
Revolutions Side CRevolutions Side C
Revolutions Side C
 
Google MAP API
Google MAP APIGoogle MAP API
Google MAP API
 
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can TooMashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
 
Las apps
Las appsLas apps
Las apps
 
Where 2.0
Where 2.0Where 2.0
Where 2.0
 
090608-TogoWS REST
090608-TogoWS REST090608-TogoWS REST
090608-TogoWS REST
 
Drupal and the GeoSpatial Web
Drupal and the GeoSpatial WebDrupal and the GeoSpatial Web
Drupal and the GeoSpatial Web
 
ブラウザでMap Reduce風味の並列分散処理
ブラウザでMap Reduce風味の並列分散処理ブラウザでMap Reduce風味の並列分散処理
ブラウザでMap Reduce風味の並列分散処理
 
Illuminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 TutorialIlluminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 Tutorial
 

Mais de Ayutthaya GIS (8)

Python for GIS
Python for  GISPython for  GIS
Python for GIS
 
Wps
WpsWps
Wps
 
Concect postgis
Concect postgisConcect postgis
Concect postgis
 
Foss4g thai
Foss4g thaiFoss4g thai
Foss4g thai
 
GeoSMSSensor
GeoSMSSensorGeoSMSSensor
GeoSMSSensor
 
WebGIS
WebGISWebGIS
WebGIS
 
Ajax&Geoweb C
Ajax&Geoweb CAjax&Geoweb C
Ajax&Geoweb C
 
Chula Geoportal Emap
Chula Geoportal EmapChula Geoportal Emap
Chula Geoportal Emap
 

Último

The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 

Último (20)

The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 

Map

  • 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
  • 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
  • 13. Microsoft Virtual Earth ขอมูลถนนอาจจะยังไมละเอียดเทาของเจาอื่น แตภาพถายดาวเทียม รายละเอียดสูงก็นาสนใจเลยทีเดียว ที่สําคัญมี application เสริม เชน การสดงผล 3D , การทํา routing analysis อยางงาย เปนตน 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 73. VDO Tracking Mr. Chaipat nengcomma
  • 74. Geopress Mr. Chaipat nengcomma
  • 75. Crime Map web application ที่มีการเก็บขอมูลการเกิดอาชญากรรมในที่ตางๆ โดย ขอมูลก็มาจากหนังสือพิมพ หรือขาวจากสถานนี้โทรทัศน และก็นําเสนอใน รูปแบบของรายงานการเกิดอาชญากรรม สถิติ ตลอดจนการวิเคราะหแนวโนม การเกิด ทําใหผูคนที่อยูอาศัยในทองที่ตางๆเกิดความตื่นตัวในการเฝาระวัง และ  ปกปองตัวเอง chicago.everyblock.com MyNeighbourhood Mr. Chaipat nengcomma
  • 77. Spot Information Mr. Chaipat nengcomma