Pages

搜尋此網誌

2013年12月24日 星期二

google api 的使用簡介-map & picasa

google api 的使用簡介-map & picasa

最近剛好在做一個房仲網站,有用到 google map api,以及要動態嵌入picasa的圖片依據狀況改變圖片大小,找到一些參考資料,整理上來給大家參考

google map

大家愛吃的泡麵版:

效果如下:


檢視較大的地圖 簡單吧!感謝google大神~ ~~~SectionDelimiter~~~ ###下面是給愛自己煮的geek: * [基本的使用介紹](http://my-web-design.blogspot.tw/2007/09/google-maps-api.html) * 如果你要嵌入地圖資訊可用下列網站產生 [google map 嵌入網站程式碼產生器](http://www.solvium.de/static-map/) * 如果要查詢所在位置的坐標可使用下列網址,之前在[Introduction Ireport Component: Map 地圖](http://smlsun.com/blog/2012/12/06/ireport-map-component/)有介紹過 [座標查詢網址](http://www.agenciacreativa.net/coordenadas_google_maps.php) * 更詳細的使用說明可以參考官方文件說明 [官方google map api 文件](https://developers.google.com/maps/documentation/javascript/?hl=zh-TW) ~~~SectionDelimiter~~~ ## google picasa ~~~SectionDelimiter~~~ ###大家愛吃的泡麵版: 如果你要分享picasa上面的影像可以參考下列網址操作 * [內嵌相簿、圖片和投影播放](https://support.google.com/picasa/answer/66969/?hl=zh-Hant&),效果如下 差就差在是用flash作的,如果你不 care iphone的用戶(沒有flash),這應該可以幫你節省維護照片(以資料夾為單位),以及將照片放在web site的時間(複製連接),picasa就可以很方便管理你的照片, ~~~SectionDelimiter~~~ ###更正:原來有人提出iphone,使用picasa slide 的解決方案了如下: ~~~SectionDelimiter~~~ #### [How to make Picasa flash-based slideshow iPhone-friendly](http://www.jaillon.com/blog/2010/06/04/how-to-make-picasa-flash-based-slideshow-iphone-friendly/) ~~~SectionDelimiter~~~
<script language=javascript>
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)))
{
document.write(‘<a href=”[URL to slideshow link]“><img src=”[URL to an image from the slideshow] width=”600 /></a>’);
}
else
{
document.write(‘[Code provided by Picasa - Click on "Embed Slideshow" link]‘);
}
</script>
在介紹一個好工具,很簡單使用 [Free HTML5 Slideshows](http://www.slidemypics.com/) 效果如下: *

geek最愛的自己煮版:


其實只要善用網路上的工具真的可以節省很多時間,使用起來也不麻煩,甚至出奇的簡單,只是不知道而已,網路的世界需要大家一起探索,如果有不錯的工具,也別忘了推薦給大家,let me know,OK!

最後還是要感謝google,幫我節省這麼多時間,雖然我沒有像google那麼神通廣大,希望能幫助到來參觀的讀者囉!

張貼留言