Google 動態地圖@ 黃昏的甘蔗 - 隨意窩

200708190116Google 動態地圖 · 然後點住地圖的某一點，向「左」移動（滑鼠不要放掉唷）一段距離，依此再移動三次就可以看到台灣了，並將台灣至於圖框中心。

· 接著開始按「+ ... 黃昏的甘蔗上善若水。

水善利萬物而不爭，處眾人之所惡，故幾於道。

日誌相簿影音好友名片 200708190116Google動態地圖?Google神蹟不管你是喜歡美食還是旅遊，或者是最近最夯的單車行，居於好康到相報，你一定會利用地圖來讓人瞭解你所去地方的地理位置，也希望能讓想去的人可以找得到地點。

這類使用在「Mobile01網站」發揮到了極點，你如果想出去玩，而不知道有啥好玩的，就看前面所說的網站吧！但是自己也想將旅遊的經驗、旅遊的地理位置放在部落格上，那該怎麼做呢？要完成這項功能，不需要會寫啥程式，更不用去弄懂GoogleAPI，因為已經有網站提供了很簡單的介面，使用者只需點點滑鼠，然後將設定好的程式碼，放到你的部落格或網頁中就OK囉！好心的網站：EmbedGoogle"MyMaps"http://www.dr2ooo.com/tools/maps/我來開始說說怎麼利用http://www.dr2ooo.com/tools/maps/ 所提供的介面，讓你在部落格中放置動態地圖（以Xuite為例）。

一、連結到http://www.dr2ooo.com/tools/maps/ 他所出現的第一頁會是在美國的紐約，你要指向的地圖如果在台灣，必須先按「-縮小鈕」約按了10次的縮小鈕後，變會看到下圖「美國的東半部」然後點住地圖的某一點，向「左」移動（滑鼠不要放掉唷）一段距離，依此再移動三次就可以看到台灣了，並將台灣至於圖框中心。

接著開始按「+」放大鈕，並用相同的移動方法，將放大的中心對準你想要的縣市（或景點），一直到你覺得該表現大小OK為止。

假設我現在要介紹的是新竹好吃的鹹酥雞，在新竹市東大路二段與武陵路交叉口。

順便幫老闆推薦一下，鹹酥雞好不好吃每個人喜好的感覺並不一樣，有人喜歡吃有醬的，有人喜歡吃酥酥的。

不過當你看到那對老闆夫妻，用心的處理各式炸物，老闆娘灑胡椒時的專注神情，這樣就值得你一再去吃了。

新竹東大路鹹酥雞經緯度（經度：120°57'51.5"、緯度：24°49'2.2"）二、接下來有四個點選（打勾）的動作，為了區分各動作的不同，我將上述動作用圖做一次完整說明原始狀態縮小到看到美國東部地圖向右移，直到出現台灣，並移動到你要去的縣市放大到你的目的地仔細看一下，上面四張圖的右側，都一模一樣，因為剛剛那些動作只不過是在找你的目的地而已，現在就要用http://www.dr2ooo.com/tools/maps/ 所提供的介面幫你產生程式碼。

你必須點選底下圖中「箭頭」所指的四個位置。

分別為：點選 SetZoom、點選Setcenter、MapControl打勾、MarkCenter打勾、然後選你要表示的方法：（有道路地圖、衛星地圖與混合），當然你還可以改變動態地圖顯示的大小，預設為400*266，不過會出現捲軸，所以我喜歡改為410*276的大小。

然後再下方就會出現一段「程式碼」接著複製這段程式碼，準備貼到你的部落格或網站中，我以XuiteBlog為例。

在XuiteBlog的編輯畫面，有一「<>」按鈕，這是讓你可以用HTML的方式編輯網頁，所以點選「<>」按鈕，轉到HTML頁面，接著將剛剛複製到剪貼簿的程式碼，貼上在你所要他出現的地方。

對於沒寫過HTML的人，你可能會找不到應該貼在哪裡，不用擔心，以我這個例子。

假設我的圖要放在上一段文字「.....他出現的地方。

」的後面，就在HTML編輯畫面中找尋這一段字，然後將程式碼直接貼在後面就可以了，自然的圖就會在你所設定的位置上。

 最後，用最簡單的話描述整個過程連到http://www.dr2ooo.com/tools/maps/ 並將左側地圖移動到你設定的目的地設定參數點選SetZoom點選SetCenter打勾MapControl打勾MarkCenter選擇Type設定動態地圖的長與寬複製程式碼並貼到你的網頁中OK搞定！註：關於GoogleMaps的使用條約，一般使用者可以做非商業性使用。

Reference:http://www.dr2ooo.com/tools/maps/http://briian.com/?p=2411http://www.google.com/apis/maps/喜歡在黃昏啃甘蔗/Xuite日誌/回應(0)/引用(0)清華大學地圖-以「Goog...|日誌首頁|即時氣象資料「衛星雲圖」....上一篇清華大學地圖-以「Google動態地圖」實作...下一篇即時氣象資料「衛星雲圖」...回應 GoogleSearch Google 全部展開|全部收合 累積|今日loading...... 平均分數：0顆星投票人數：0人我要評分： Google