9/30/2007

Google Maps範例(二)

Google Maps範例
這是Did you mean的功能


Google Maps範例
這是自動繪製路線圖的功能 (動態的)

繪製路線時下方有何處左轉右轉說明
這個如果改一下說明文字
也許較接近女生專用地圖的點子>"< 「中山路直直走,遇到7-11右轉,會看到85度c的斜對面有一家燒烤......!」
嗯~斜對面這樣的座標該怎麼設定才好呢~"~
15度 105度....這些都算「一點點斜對面」,是這樣嘛....(我有病....)



Google Maps範例
這也是自動繪製路線圖的功能 (靜態的)


一樣都是忘了國外那兒找到的範例...忘了出處...真抱歉
您都可直接應用此原始碼

這個blog網站有一些範例 分享本篇文章

Google Maps範例(一)

這是官方文件有關氣象預告與Google Maps的應用 線上範例
您可直接應用此原始碼 相關js與圖檔可至此下載


氣象預告與Google Maps的應用也有較實用的
可以連結該國氣象局提供的kml檔
也就可以即時呈現資料 分享本篇文章

Using PHP/MySQL with Google Maps(二)

這是東抓西溴而成的Google Maps 也在自己主機接了資料庫
PHP/MySQL with Google Maps

東西還很楊春.版面也滿亂的
但基本功能,關於寫入.輸出都有
有空可以去亂貼一下

http://www.not-game.com/for/1/forphp/newgmap0/

還想要改此版本
把功能弄的完善些\>"<

若要分享要等熟些
這種技術應用我仍是初學者
基本教學貼是會貼
但複雜的還是留給其他大大發揮嚕


最後,Google Maps似乎在編碼上有點...怪怪(是不太支援繁中,或者是我有太多不懂的地方)
網路也有人在問這問題

翻遍中文的技術文件,它就是不肯提到編碼的問題啦 分享本篇文章

9/23/2007

Using PHP/MySQL with Google Maps

現今網站越來越多Google Maps API的應用,這是使用PHP/MySQL應用在Google Maps的官方文件與範例
可像目前結合租屋或美食類與交友等等的Google Maps應用,線上即時做出這樣的電子地圖讓網友一起做wiki互動
學起來都算滿值錢的技術~


範例一 玩玩看吧 ~~任意點選位置 就可送出資料
範例二 單擊地圖產生標記與經緯度
範例三 輸入地址找位置


在網路看過有人說,可以作女生專用地圖
「中山路直直走,遇到7-11右轉,會看到85度c的斜對面有一家燒烤......!」 這樣的地圖
這點子都算有意思嚕 ...那內容應該要請女網友來寫才對


*********************************

Google Maps API
所有的功能


Using PHP/MySQL with Google Maps
如何在googlemap上加標記.建立資料庫.即時讓user更新資料 (whit PHP/MySQL)



Google Maps API 2.0的類別與函數 (<--簡體中文) (繁體中文請至) (英文官方)
(簡中官方)
這裡有一般user使用
以及架設網站工程師所要用到的類別與函數一覽
或設計時遇到問題也可查詢,類似學程式語言查函數庫那樣的工具

你能在這個頁面找到些範例程式http://code.google.com/apis/maps ... examples/index.html

繁簡轉換工具


gmp相關應用網站 分享本篇文章

9/14/2007

丙級技術士網頁設計學科題庫

丙級技術士網頁設計學科題庫線上測驗系統(95年最新題庫)
沒考過的可以做看看


http://www.slhs.tp.edu.tw/bintest/binpage.htm#



再一個剛剛晃到的 Flash 四個進位公式
http://www.hgjh.hlc.edu.tw/~drop/share/Int_floor.htm 分享本篇文章

FLASH按鈕連結網頁 (action script 2.0)

點按鈕/滑鼠右鍵/動作
加入以下AS2.0


on(release)
{getURL("http://www.yahoo.com", "_blank");}


即完成

*****************************


詳解
getURL(url [, window [, "variables"]])



window這位置是填入參數,用來指定要載入文件的視窗。像HTML裡的target參數 :
此範例中填入的是_blank

◆_self 會指定目前視窗中的目前影格。
◆_blank 會指定新的視窗。
◆_parent 會指定目前影格的父輩。
◆_top 會指定目前視窗中最上層的影格。


若連結至網頁是框架頁
請參考 http://thought01.blogspot.com/2007/05/dreamweaver.html




variables 是指用來傳送變數的 GET 或 POST 方法。如果沒有變數,請省略這個參數。
GET 方法會將變數附加到 URL 的結尾,並用於數目較少的變數。
POST 方法會用不同的 HTTP 檔頭來傳送變數,並用來傳送較長串的變數。

******************************

FLASH按鈕連結網頁 (action script 3.0)請參考
分享本篇文章

9/13/2007

loadMovie 載入圖片

loadMovie在_root預設是x:0,y:0(即左上)

當預設屬於用左上x:0,y:0來對齊
但想用中心點對齊圖片


用with來控制 即可處理
請參考這語法

loadMovie("圖片路徑","Pic");
with(Pic) {
_x = 10;
_y = 10;
_rotation = 90;
} 分享本篇文章

9/07/2007

ActionScript 3.0



AS3 Migration
ActionScript 2.0--->ActionScript 3.0

看一看改變的語法

這個....還是建議先作點心理建設
確定自己 處於情緒平穩的狀態下才開來看


不適合閱覽者:

a.與老婆剛吵完架正不爽的人 (看完會更不爽)

b.剛忙完工作.罵完小孩的 (會有現世報的感覺 = . =)

c.對工作有倦意者 (不用我說明了...)

d.有厭世傾向的人 (會病情加重ㄛ@@)


以上狀態的網友請勿自行服用此藥



滑鼠往下拉也要好一會兒吧@@

分享本篇文章

9/04/2007

FLASH相本(二)

SimpleViewer更適合不懂flash的使用者
改改檔名就完成,連flash軟體都不用打開





>>下載 << >>原始網站<<


1.下載解壓縮後,將展覽的圖片放在相關file
images 放大張
thumbs 放縮小圖
兩邊放同樣圖也可,差別在檔案大小,thumbs 是放小張或該圖導覽


2.SimpleViewer由xml控制,不懂xml也可作
用記事本打開gallery.xml,修改裡面115-1503_IMG.jpg檔名
每張都要改成你想對應的圖,便完成


3.打開viewer.swf看即可(或開index以瀏覽器看)


{附註}
a.上傳至網路要將所有檔案上傳,注意檔案相對路徑與絕對路徑
b.更詳細說明請至該網 分享本篇文章

用as讓swf隨視窗縮放

只要在第一個影格加入以下動作
fscommand("allowscale", "true");


即是撥放swf的時隨視窗放大縮小
若不要swf隨視窗縮放將true改成false即可 分享本篇文章

9/03/2007

getURL變成navigateToURL

action script 是FLASH自創的一種SCRIPT式語言,僅在Flash裡面適用
這次action script 3裡常用的getURL變成navigateToURL


使用FLASH設計按鈕開啟頁面用window.open函數
若要避免頁面跳轉請加上void(0)


此類常見狀況也可能是html中設定的問題,請參考Dreamweaver常見的框架問題(一)


FLASH按鈕連結網頁 (action script 3.0)點按鈕/滑鼠右鍵/動作
加入以下AS3.0


on(release)
{navigateToURL("http://www.yahoo.com", "_blank");}


即完成

******************************************

FLASH按鈕連結網頁 (action script 2.0)請參考 分享本篇文章

Gif VS. Flash 轉檔

網路常用的gif與flash的動畫原理不一樣


Gif Animaton 動畫
是利用 Frame By Frame 的原理,即是一個影格一張圖
Flash的動畫,是利用 Tweening 的原理,模擬出物件移動變形的動畫


兩種動畫類型轉換
a.在Flash裡匯入Gif 在影格,即是一個影格一張圖
b.在Flash裡存成Gif 檔亦可 分享本篇文章

9/01/2007

FLASH相本(一)

>>選擇在新頁面開啟<<

點這FLASH的左方小圖



不懂flash的人,也可以自己作出FLASH相本,用在一些紀念的日子。(畢業、結婚、情人、生日...等等)


網路有許多這樣的現成模組,只要套上照片就可以完成,不需學習複雜的程式語法,做好了之後,可以像上面展示放在網路,或是單機展示


或應用在教學以及公司產品介紹。像崁入在PPT裡面作為簡報說明,亦可製作成光碟。
>>原始fla下載<<


*********************************************


以下是(圖解)如何換成自己的照片:
1.用flash軟體打開原始fla下載來的檔案。
2.找一個file叫照片替換處,裡面有許多叫IMAGE的檔案,替換成你要的即可,是影片格式作成,替換成你要的即可。
3.替換方式:以IMAGE1為例替換,先點右邊IMAGE1,將原來的小狗照片刪除。


接著用檔案 /匯入 /匯入到舞台,直接影片測試,可以看到完成其中一張替換了。



接著就是重複替換IMAGE2.IMAGE3.IMAGE4....,若想多些變化間中也可以加上一些文字在舞台裡面。


如果匯入舞台的圖片要改大小,只需用修改/變形/縮放的功能。就可以直接調整大小。
如果圖片本身就小張,不適合拉大,可以多匯入幾張並排 。
我喜歡THE L WORD 所以這裡用她劇照。


主題又可以拿來作你喜歡的影片跟明星的專屬flash相本,來跟其他fans分享。 如果換一張要一分鐘,這樣整個精致的FLASH展示,只需要15分鐘就可完成,熟練一點的話,也許還包括跟網友MSN聊天的時間。 分享本篇文章

LinkWithin

Related Posts Plugin for WordPress, Blogger...