SlideShare a Scribd company logo
如何運用 Yahoo! 奇摩地圖 API Presented by  Digwow  好康挖挖哇
Agenda Why Yahoo! Map 成品展示 進階運用 : Geocoder cache
Why Yahoo! Map 在地資訊較完整精確,能提供較多提示指引資訊。 Ex.  台北火車站 版面視覺效果較賞心悅目,亦較接近本站的風格。
Why Yahoo! Map – 在地資訊較完整精確
Why Yahoo! Map – 在地資訊較完整精確
Ex.  新竹縣新豐鄉上坑村坑子口 102-1 號 ( 小叮噹科學園區 ) Why Yahoo! Map –  提供較多指引資訊
Why Yahoo! Map –  提供較多指引資訊
成品展示
進階運用 –  Geocoder cache 考量到 : 經緯度不是經常變動的資訊 連回主機查詢速度上不及本機資料庫快 免費的服務通常有使用次數上的限制 假定一天的上限 是  50000 次 若是一張地圖上需插滿 20+ marker ,每一個地址皆連回 Server  查經緯度,只要超過 2500 page views ,就會有破表的危機
進階運用 –  Geocoder cache 流程示意圖 getGeoPoint(addr) 查詢資料庫中是否有 此地址之經緯度 有,回傳 從  Yahoo Geocoder  查詢此地址之經緯度資料 所得資料寫回資料庫 回傳 無
附錄一 . Yahoo! Geocoder Service 官方網站 http://developer.yahoo.com/maps/rest/V1/geocode.html Query syntax http://local.yahooapis.com/MapsService/V1/geocode?appid=< YOUR APPID >&location=< Your Address > Response
附錄一 . Yahoo! Geocoder Service <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>      <ResultSet xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;   xmlns=&quot;urn:yahoo:maps&quot;   xsi:schemaLocation=&quot;urn:yahoo:maps http://local.yahooapis.com/MapsService/V1/GeocodeResponse.xsd&quot;>      <Result precision=&quot;address&quot;>   <Latitude>37.416384</Latitude>      <Longitude>-122.024853</Longitude>    <Address>701 FIRST AVE</Address>   <City>SUNNYVALE</City>   <State>CA</State>      <Zip>94089-1019</Zip>   <Country>US</Country>      </Result>   </ResultSet> 

More Related Content

PDF
Geospatial search with SOLR
PDF
State of the Art Logging. Kibana4Solr is Here!
PDF
Search at Twitter
PDF
OpenStreetMap Geocoder Based on Solr
PDF
不断归零的前端人生 - 2016 中国软件开发者大会
PDF
Let's Redux!
PDF
Automatic Functional Testing with Selenium and SauceLabs
PDF
From Hacker to Programmer (w/ Webpack, Babel and React)
Geospatial search with SOLR
State of the Art Logging. Kibana4Solr is Here!
Search at Twitter
OpenStreetMap Geocoder Based on Solr
不断归零的前端人生 - 2016 中国软件开发者大会
Let's Redux!
Automatic Functional Testing with Selenium and SauceLabs
From Hacker to Programmer (w/ Webpack, Babel and React)

More from Joseph Chiang (20)

PDF
JavaScript Promise
PDF
F2E for Enterprise
PDF
JavaScript Code Quality
PDF
F2E, the Keystone
PDF
前端的未來 - 前端工程實務訓練
PDF
Performance 入門 - 前端工程開發實務訓練
PDF
Debugging - 前端工程開發實務訓練
PDF
Javascript 入門 - 前端工程開發實務訓練
PDF
Node.js 入門 - 前端工程開發實務訓練
PDF
前端工程開發實務訓練
PDF
YUI 教學 - 前端工程開發實務訓練
PDF
CSS 入門 - 前端工程開發實務訓練
PDF
HTML 入門 - 前端工程開發實務訓練
PDF
模块加载策略 - 2012 SDCC, 北京
PDF
YUI is Sexy (for JSDC.tw)
PDF
YUI is Sexy - 使用 YUI 作為開發基礎
KEY
Git - The Social Coding System
PDF
miiiCasa is Fun
PDF
分享無名小站 API
PDF
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
JavaScript Promise
F2E for Enterprise
JavaScript Code Quality
F2E, the Keystone
前端的未來 - 前端工程實務訓練
Performance 入門 - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練
前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
模块加载策略 - 2012 SDCC, 北京
YUI is Sexy (for JSDC.tw)
YUI is Sexy - 使用 YUI 作為開發基礎
Git - The Social Coding System
miiiCasa is Fun
分享無名小站 API
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !

Digwow好康挖挖哇 Yahoo Map

  • 1. 如何運用 Yahoo! 奇摩地圖 API Presented by Digwow 好康挖挖哇
  • 2. Agenda Why Yahoo! Map 成品展示 進階運用 : Geocoder cache
  • 3. Why Yahoo! Map 在地資訊較完整精確,能提供較多提示指引資訊。 Ex. 台北火車站 版面視覺效果較賞心悅目,亦較接近本站的風格。
  • 4. Why Yahoo! Map – 在地資訊較完整精確
  • 5. Why Yahoo! Map – 在地資訊較完整精確
  • 6. Ex. 新竹縣新豐鄉上坑村坑子口 102-1 號 ( 小叮噹科學園區 ) Why Yahoo! Map – 提供較多指引資訊
  • 7. Why Yahoo! Map – 提供較多指引資訊
  • 9. 進階運用 – Geocoder cache 考量到 : 經緯度不是經常變動的資訊 連回主機查詢速度上不及本機資料庫快 免費的服務通常有使用次數上的限制 假定一天的上限 是 50000 次 若是一張地圖上需插滿 20+ marker ,每一個地址皆連回 Server 查經緯度,只要超過 2500 page views ,就會有破表的危機
  • 10. 進階運用 – Geocoder cache 流程示意圖 getGeoPoint(addr) 查詢資料庫中是否有 此地址之經緯度 有,回傳 從 Yahoo Geocoder 查詢此地址之經緯度資料 所得資料寫回資料庫 回傳 無
  • 11. 附錄一 . Yahoo! Geocoder Service 官方網站 http://developer.yahoo.com/maps/rest/V1/geocode.html Query syntax http://local.yahooapis.com/MapsService/V1/geocode?appid=< YOUR APPID >&location=< Your Address > Response
  • 12. 附錄一 . Yahoo! Geocoder Service <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>      <ResultSet xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;   xmlns=&quot;urn:yahoo:maps&quot;   xsi:schemaLocation=&quot;urn:yahoo:maps http://local.yahooapis.com/MapsService/V1/GeocodeResponse.xsd&quot;>      <Result precision=&quot;address&quot;>   <Latitude>37.416384</Latitude>      <Longitude>-122.024853</Longitude>    <Address>701 FIRST AVE</Address>   <City>SUNNYVALE</City>   <State>CA</State>      <Zip>94089-1019</Zip>   <Country>US</Country>      </Result>   </ResultSet>