2006/06/08

Google MAP API V2.0 的應用

最近很紅的 WEB 2.0 服務,儘管定義很不明確,我想 Google MAP 的技術應用絕對是符合WEB 2.0 的精神,

因為 API 1.0 升級到 2.0 的程式碼變小了,可是效能卻好像變差了,或者是我的紅色景點變的很多,所以移動地圖效率變差,利用 Timer 來移除不在地圖上的景點來增加效能。

其他的使用說明跟第一版並無差別,所以若要看懂,請看一下第一版的文章(注意不要再用舊版的範本),網址如下:

http://nextservices.blogspot.com/2006/01/bloggervi.html

2.0版本範本下載點:tripmap.txt(按滑鼠右鍵另存目標)

27 則留言:

  1. 不好意思..想請問一下..有些人的網頁有"link to post"的功能.不知道該怎麼實作~~看help.沒有什麼頭序

    回覆刪除
  2. 謝謝您~看了google的說明去我意見頁面設定"新文章包含此項功能"再重新發佈就行了~謝謝!

    回覆刪除
  3. 問一下
    拜讀你在OFFICE上的 GOOGLE ANALYTICS一文章
    便照所介紹的方式去做,因沒有個人網站
    只有msn及新的portal 2.0 兩個
    卻不知要再哪裡加入所產生的程式碼
    可否指點一下
    http://kapnchan.spaces.live.com/
    http://kapnchan.spaces.live.com/
    mailto://kapnchan@ms7.hinet.net

    回覆刪除
  4. 小柯,謝謝你讀完。

    昨日我測試了一下 MSN spaces 的部落格,很遺憾的不能加入 script 的語法,所以無法使用該項服務,國內可以用樂多跟無名的部落格平台皆可使用 script 語法。

    無名用的算是偷吃步,不知道他們未來會不會擋掉,就是在 sidebar(邊欄)上加入網站連結,而這個連結的名稱就把 <script src=......> 這個語法貼上就可以了。

    回覆刪除
  5. 謝謝水瓶子的測試
    若以後有發現新的破解方式
    也請不吝MAIL給我
    3QQQ

    回覆刪除
  6. 作者已經移除這則留言。

    回覆刪除
  7. 作者已經移除這則留言。

    回覆刪除
  8. sierra,我稍微看了一下,可能是取經緯度的範圍超過地圖的範圍,建議你放大地圖,然後再去選擇要點下的位置,這時候會把你滑鼠所選擇的點剪貼到剪貼簿,然後用這個數值來運用即可

    回覆刪除
  9. 作者已經移除這則留言。

    回覆刪除
  10. 發現我自己錯誤在哪了,小小的一個缺少/style,造成我的顯示問題。感謝囉,回了太多篇,因為似乎不能修改留言。我的再下面還沒寫什麼東西,以後會常來逛的。
    http://sierramap.blogspot.com/

    回覆刪除
  11. 抱歉還要佔用一些版面,找不到地方可以直接回你的E-mail。因為我是用firefox為主,想做到讓她也能存取剪貼簿。
    找到資料:
    http://www.krikkit.net/howto_javascript_copy_clipboard.html

    然後修改了你的原始碼,因為沒學過java,只有高中學過兩個學期程式課,不知道這樣改也沒問題。
    另外因為你剪貼簿,再你程式寫法裡面有設定這樣,會貼出 ", 之後才接經緯度。不知道當初的考慮,我自己把它拿掉了。

    另外改了一個地方 body 後面,我多加了 br ,在firefox和ie我看了都正常。如果多加 / br 看起來會很怪。這樣改是為了控制項不被navbar擋到。

    改過後的版本就到
    http://sierramap.blogspot.com 看吧。

    還是只會改傳統範本,不過可用,有不合適的地方提出來吧。

    回覆刪除
  12. sierra,謝謝你的回應,因為我寫的時候是用舊的傳統範本方式,用了一些技巧把上面的 NavBar 拿掉,可是更新了新版就失效了,有找到一篇移除 NavBar 的,請你試試看吧!

    http://metamuse.blogspot.com/2006/12/peekaboo-navbar-navbar.html

    最近很懶,以後有時間在更新成新的版本的範本。

    回覆刪除
  13. 作者已經移除這則留言。

    回覆刪除
  14. 不好意思
    問一下
    請問 標記是要怎麼用出來呢??
    我現在是這樣
    http://jamescmap.blogspot.com/
    先謝謝你了

    回覆刪除
  15. jamesc,

    新增文章座標點要標示的位置我放在 link 那個欄位,算我偷懶,規格是
      "http://.......",x,y
    記得要加半形的雙引號,可以在你要標示的位置點一下滑鼠,應該可以發現瀏覽器的statusbar 會顯示一串數字,這些就是座標,為了方便剪貼,我把點擊的座標會剪貼到剪貼簿裏面。

    但目前我不知道 link 那個欄位是否可以接受這樣的規格? 請你試試看

    回覆刪除
  16. 謝謝你 我回家試試看

    回覆刪除
  17. to jamesc:

    其實你可以用 http://maps.google.com 的 My Maps 的服務,那個顯然是比較好用

    回覆刪除
  18. 因為想要放在blog上 用MY Map好像不方便

    謝謝你喔

    回覆刪除
  19. James, 這裡有解答
    http://blog.lanma.org/2007/05/google-my-maps.html

    試試看

    回覆刪除
  20. james
    http://www.mymapsplus.com

    回覆刪除
  21. 這兩天才開始學 Google Map API,與您分享我練習的 "店家地圖" ,適用於各種具有連鎖店的公司使用。
    http://blog.ben.idv.tw/2008/08/google-map.html

    回覆刪除
  22. [url=http://buyonlinelasixone.com/#17619]lasix without prescription[/url] - lasix online , http://buyonlinelasixone.com/#13163 generic lasix

    回覆刪除
  23. [url=http://buyonlinelasixone.com/#13815]order lasix[/url] - lasix no prescription , http://buyonlinelasixone.com/#12376 order lasix

    回覆刪除
  24. [url=http://buyonlinelasixone.com/#12904]lasix no prescription[/url] - lasix online without prescription , http://buyonlinelasixone.com/#508 buy lasix

    回覆刪除
  25. [url=http://buyaccutaneorderpillsonline.com/#4534]buy accutane online[/url] - buy accutane online , http://buyaccutaneorderpillsonline.com/#8951 buy accutane

    回覆刪除
  26. [url=http://buyimitrexonlinerx.com/#jprah]buy imitrex online cheap[/url] - order imitrex , http://buyimitrexonlinerx.com/#oorhm imitrex online

    回覆刪除