網誌轉移至 hellolucky's blog

hellolucky 發表在 痞客邦 留言(0) 人氣()


  
  https://maker.usoko.net/nounai/ 原本這個網站在新聞上就有看到,但沒有網址介紹,後來在ptt Mind版爬文看到,我的腦袋裡不是吃就是錢,還滿準的,只是少了個睡,哈哈哈!

hellolucky 發表在 痞客邦 留言(0) 人氣()

  這一個章節講的東西有點大雜燴,我要把在 UrMap API - 03 所列出來的函式一並講完。
1.centerAndZoom(latLng, zoomLevel) = centerMap(latLng) + zoomMap(zoomLevel), 這三個函式是在定位經緯度座標和縮放到指定層級,層及等級為0~10。這個在之前就使用過了,我們就不再多談。
ex: 
map.centerAndZoom(new ULatLng(25.035405, 121.520255), 9); 
map.centerMap(new ULatLng(25.035405, 121.520255));
map.zoomMap(9);
2.getCenter()getZoomLevel()getCurrentMapType()這三個函式是用來取得目前的中心點、縮放層級和地圖模式(不清楚地圖模式請看 UrMap API - 04 )。
ex:
var center = map.getCenter();
var zoomLevel = getZoomLevel();
var getCurrentMapType = getCurrentMapType();
3.
refreshMap()checkResize()這兩個是用來重讀地圖的,refreshMap()是直接重讀,而chechResize()是假若container(即<div>)有改變大小時,重新調整地圖

hellolucky 發表在 痞客邦 留言(0) 人氣()

  現在這個例子可能比較實用,當我們在地圖上想要在某個座標點講一些話或貼張圖片的時候,可以用openInfoWindow(latLng, html, dialogWidth?, dialogHeight?)來完成(?代表可有可無)。
latLng是經緯度位置,用ULatLng物件表示。
html為一字串(可包含html),假若字串內包含特殊字元,記得加跳脫自元\避免錯誤。
ex:
map1.openInfoWindow(position, "<img src=\"a.jpg\">")。
dialogWidthdialogHeight不一定要輸入,如要設定請用數字表示。

  假若同一張地圖有多個訊息想要同時關閉時,可以使用closeInfoWindow()來達成。而我們在範例中利用button來示範,按下button後訊息則會關閉。

hellolucky 發表在 痞客邦 留言(0) 人氣()

  這一節我要講的是setMapAction(action),action的種類有三種:U_PAN_ACTIONU_MEASURE_ACTIONU_BOX_ACTION。廢話不多說,直接三個範例殺來比較快!U_PAN_ACTION (平移模式),即為預設值,一般可以移動地圖的狀態。

hellolucky 發表在 痞客邦 留言(0) 人氣()


  相信看了 Uramp API - 02 ,你已經對UrMap API有了基本的概念,稍微有程式底子的人應該能舉一反三,直接看 UrMap API說明文件 寫出想要的功能.如果你還是一知半解,沒關係!接下來還會陸續在介紹越來越多東西,甚至還會做一些範例供大家參考!
這個章節開始我要講的是UMap的部分函式(有些太艱深且跟其他東西關聯性較大的後面再補充!).
(表格內容取自 UrMap API文件 )

hellolucky 發表在 痞客邦 留言(0) 人氣()



  WARM SEARCH( https://warm.stu.edu.tw/ ) 這個網站是在PTT的share版看到的,感覺還滿有趣的!他可以查詢無名、Xuite和天空部落誰加你好友、人氣排名等相關訊息。仔細一看 部落格,這個網站是由樹德科技大學的四人團隊所建置的,服務人數高達一百八十多萬次,深入的去研究可以發現,這個網站是利用程式去模擬按下超連結的封包去抓取好友資料,再利用好友去抓其好友的好友(有點繞口令),接著把所有資料建檔,再利用一些離散數學的理論去實現各種功能,再用二分法抓取所要的資料。

hellolucky 發表在 痞客邦 留言(0) 人氣()

  在上一個章節,我們只用了短短幾行程式碼就建立了一個簡單的地圖,而在這段程式碼內,我們看到了兩個物件:UMap和UlatLng。凡是你必須要使用到一個物件時,絕對不能直接使用,就好像去網咖用電腦,我們能直接坐下就開始玩遊戲嗎?當然不行!所以我們必須先去櫃台申請開台才能用。而我們在使用物件時,也是要跟電腦申請一個記憶體位置給物件使用。申請的方式就是使用關鍵字new。讓我們來回憶一下:
 var map = new UMap(document.getElementById('id_map'));
 map.centerAndZoom(new ULatLng(25.035405, 121.520255), 9);
第一行我們建立了一個UMap的物件放到變數map裡,所以我們之後是使用map來做動作。
第二行我們建立了一個ULatLng物件,直接使用。這種方法是比較建議使用在只會出現一次的物件,如果這個相同的物件會出現兩次以上,比較建議使用以下用法:
var position = new ULatLng(25.035405, 121.520255);
map.centerAndZoom(position, 9);
這樣position這個變數就可以重複使用,而不用每次都在new一個物件,這樣很浪費記憶體空間。當然,前提是ULatLng裡面的經緯度是一樣的。
接下來我們先來看看ULatLng這個物件有什麼功能可以使用:
(表格內容取自 UrMap API文件 )

hellolucky 發表在 痞客邦 留言(0) 人氣()

  話說print screen鈕或螢幕擷取軟體這麼好用,查好位置按一按再貼上,一張簡單的地圖就出來了,那我們又何苦去了解那些又臭又長的程式碼去寫那些程式呢?把UrMap嵌入在網誌或著是網頁中,目的就是為了讓讀者方便,有明顯的標的物,又可在上面加上註解,更可以放大縮小,最重要的是UrMap可以藉由拖拉來看到原本範圍內以外的地點,讓離目的地距離較遠的讀者也能明瞭如何從自己的所在地抵達目的地,連雅虎許多地方都使用這項技術,你說值不值得學?
  UrMap API目前提供了七個物件給我們使用(包括UMap、UMarker、UPolyline、UIcon、UPoint、ULatLng、UBounds),何謂物件呢?舉個例來說,就好比我們有七種不同的筆:鉛筆、鋼筆、原子筆、毛筆、彩色筆、蠟筆、水彩筆,當我們要素描的時候用鉛筆;當我們要寫生的時候用水彩筆;當我們要寫書法的時候用毛筆。物件就好比如此,當我們要建立地圖的細節時用UMap;當我們要在地圖建立標的的時候用UMarker;當我們要在地圖上劃線段的時候用UPolyline。(其他在後面會有較詳細的介紹 如有興趣可以先看 UrMap API文件 )
1.先來談談最基本的,每當我們要將UrMap放在網誌或是網頁時,開頭一定要打上
<script type="text/javascript" src="https://www.urmap.com/SearchEngine/api/getapi.jsp?v=1&key=授權碼"></script>
打上這行的目的,是我們要載入一個JavaScript檔,這個JavaScript檔,裡面就包含有地圖所要使用的所有東西。當然,要先把授權碼改上自己申請的,他才會讓你正常使用。(關於如何申請授權碼,請看 網誌內嵌入UrMap (懶人包) ) 
2.接下來,我們要用HTML建立一個空間給地圖顯示,通常都是使用<div>這個tag。
<div id="id_map" style="width:300px; height:300px;"></div>
              
第一個紅色部分為此區塊的id,要供之後的地圖物件使用。
第二、第三個紅色部份為此區塊的寬和高。
3.建立好給地圖使用的區塊後,我們可以開始建立第一個簡單的地圖了!
<script type="test/javascript">
   var map = new UMap(document.getElementById('id_map'));
   map.centerAndZoom(new ULatLng(25.035405, 121.520255), 9);
</script>
第一行和第四行為javascript固定的tag,
第二行是在建立一個新的地圖物件,紅色部分為剛剛利用<div>tag建立的區塊之id。
第三行是移動地圖到25.035405(緯度), 121.520255(經度)這個位置。而9是地圖比例大小,可為0~9。
(想知道method型態的請到 UrMap API文件 觀看)
4.接下來我們就來牛刀小試,把剛剛的程式碼貼到自己的部落格試看看









(記得更改授權碼)
有得到以下的結果嗎?

hellolucky 發表在 痞客邦 留言(0) 人氣()


<前言>
  常常有人把食記擺在網誌上與人分享,內容總是令人垂涎三尺,但總是感覺少了某種東西。「地圖!」沒錯!就是地圖。當看完網誌時,分享者往往都只有把地址分享給大家,但好像有點不太親切,如今UrMap開放了API(註1)給大家使用(其實老早開放,只是小弟我孤陋寡聞。),不過一堆不親切的程式碼,讓純粹只是想打打食記的部落格主逃之夭夭。所以小弟我就獻醜,做了個懶人包供大家使用,如果大家想更進一步的了解,可以期待之後的教學。
<註冊>
  首先,請 點選此處 申請一份"UrMap API 授權碼 ":
  看完上面的網頁中的說明後,將"我已仔細閱讀並同意遵守上述API使用條款",接下來填妥下方資料(註2)後按下"產生授權碼",接著去信箱收信:
授權碼就是用紅框框框起來的那組號碼。
<使用>
  1.先到 UrMap(https://www.urmap.com/) 搜尋你要加入地點的經緯度。
  
  在搜尋到的點按下右鍵,點選查詢經緯度座標",並紀錄紅色框框部份。
  2.修改程式碼

  將程式碼先複製在記事本上,改好1.授權碼 2.緯度值 3.經度值 4. 地點名稱 5.地址 後,再將改好的程式碼貼上,即可在精心編輯的食記上加上地圖摟!(如果想要知道更多,可以期待之後的教學,或著是自行到  UrMap API說明文件 去閱讀更多的功能唷!)
註1:API為Application Program Interface,簡單來說就是開發給使用者應用的函式。
註2:要申請的網站目錄僅限於一個網站內,即 https://blog.pixnet.net/hellolucky 申請僅可在此網誌使用,但可申請多個授權碼。

hellolucky 發表在 痞客邦 留言(0) 人氣()

  • Aug 10 Fri 2007 22:24
  • 敷臉

剛剛去光南買了廣源良的薏仁敷麵粉一回家就很開心的拿來敷打開掌心 倒了一坨在手上加水攪和 有股清淡的植物味攪和均勻後 開始往臉上敷敷上去後 越來越乾 越來越硬過了十分鐘後 整個臉都乾掉了硬梆梆的感覺當我正開水龍頭準備開水洗掉時

hellolucky 發表在 痞客邦 留言(0) 人氣()

裝機裝久了,難免會有些裝機的習慣...1. CPU和MB
  首先,我習慣先將CPU和MB在機殼外裝上.以前,裝CPU簡直是易如反掌
,只怕一個不小心把真腳用彎、用斷,但自從intel更換了CPU風扇,每次裝
風扇時簡直是一場惡夢,原本半個小時一台,現在卻一個小時都不一定能搞
定!裝的時候還得心驚膽跳,怕一個不小心MB就彎了或是風扇卡損斷裂!

hellolucky 發表在 痞客邦 留言(0) 人氣()

1 2 3
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。