如果要去一個陌生的地方，很常利用google map。
雖然google map網頁可以利用多次查詢不同地址，
再點選右上角「路況」那個區塊的歷史資料，來達成同時呈現多點的效果，如同我在另一篇文章的說明。
但是每個點都是陌生的狀況下，點數一多，你就很容易搞混哪一點是什麼。
所以，我把之前胎死腹中的程式附加了標記，就有了這一個網頁功能。
唯一美中不足的是，因為痞客邦限制文章內使用css語法，
所以只能在標記下呈現內建的字體，灰灰的很不明顯。
在我電腦內尚未上傳的原型版本，是有明顯顏色區塊的標示，
已經試過好幾種方式來試圖幫標記的字體上色，都失敗了。
如果有高人知道如何在pixnet的文章內，幫某個class名稱加上css style，
請教教小弟，感謝 <(_ _)>
-- 2/2 記：靈光乍現，不是可以自訂樣式嗎？原來css區塊要放到另一個地方去，所以介面呈現問題完美解決了
使用方式很簡單，
1. 把你要找得地址輸入在大地圖下面的「地址」內。
2. 順道給它一個編號或代號之類(不要重複)，填在「名稱」內，這個代號就是會顯示在地圖上的字。
3. 按下「增加」，就可以在地圖上看到你的點，可以看到你輸入的編號或代號在標記的下方。
4. 如果你想要刪除某一個地點，點一下下方自動產生的地址列表，就可以刪除那個點。
因為是簡易版，所以沒有提供修改功能，打錯了，刪掉再重新輸入就好了 :)
如果有任何建議，可以在文章下給我回應。
地址： 名稱(不要重複)： [點地址可刪除]
樣式備份，避免換樣式遺失套色 .marketlabels { color: red; background-color: #ffd155; font-family: "新細明體"; font-size: 14px; font-weight: bold; text-align: center; width: 80px; border: 2px #c3a041 solid; white-space: nowrap; }
程式筆記 (1)
請問您寫的這個API, 可以用在別的地方嗎? 小弟想在自己的電腦上使用...可以做嗎?
因為這個程式是使用到google api，需要連網才能使用。我不瞭解您指的用在自己的電腦上，指的是什麼？是網路斷線還能使用嗎？我想網路斷線時，應該沒辦法連google map，所以這個功能也沒辦法用喔
你好:請問地點點上的標示是否會有限制呢？比如像是一次只能同時輸入4點之類的。另也想請問說，所標記完的地圖是否有何方式可以儲存呢？除了print screen外。
1. 地點數量並沒有限制，我剛剛有試過，可以超過4點。也許是你的名稱欄位有重複？子字串也算重複 2. 因為是簡易版，所以真的只能print screen了。其實這個功能google官方也有喔，你可以參考我的另一篇文章「Google Map官方的多點同時顯示」，說不定就符合你需要了，這也是沒有存檔的。
幫了我ㄧ個大忙!!! 感激不盡^u^!!!
謝謝 能幫到需要的 是最讓人開心的事 ^^
請問是否可提供原始碼及自訂地圖上標記名稱的css語法??
我不是站務人員，所以我沒有辦法碰後端的code。 這意思是說，我所寫的code，都是前端的script， 也就是說，原始碼都已經放出來在blog上，只要你看得懂 : )
謝謝你!!!我覺得這個東西好好用XD解決很多出門查地圖的困擾!!!
謝謝你 不過我最近發現 google map的規劃路線 有「新增目的地」的功能紐，直接就可以在官方的介面同時標多個點的位置，所以我這個功能應該就可以休息啦~
想請問一下，能否增加批次上傳地點的功能，就是不用一筆一筆輸入，而是將想要標示的點全部KEY在筆記本裡，然後上傳筆記本讓電腦自己去筆對。 另外，因為一筆一筆貼地址時，那個欄位好像無法使用反白的方式一次將前一筆地址刪去，只能用backspace慢慢的刪除，才能再貼新的地址，有點不順手~~ 感謝您的提供
這個已經有人寫了 參考之前我推薦的文章吧 http://kpgoing.pixnet.net/blog/post/53345986 所以 這功能我就不繼續做開發了
sorry~我錯了 其實可以反白後一次刪除，因為之前有ie的瀏覽器不能反白，不過用google的瀏覽器就行了~~感謝
數星星:多點標示器簡易版操作完畢後，無法複製到word列印，請告訴我如何操作謝謝
我想 除了截圖以外沒其他方法了吧 就算是google官方的功能(參考我另一篇文 http://kpgoing.pixnet.net/blog/post/13341445) 我也沒找到可以列印所有點的功能 也許只有截圖一途 如果你後來有想到好方法 也可以跟大家分享喔
您好~您設計的這個功能真的很棒~ 也給我很大的幫助~ 但想建議一下 若能結合舊版~標示紅點點再加上名稱~就會更好 因為名稱太靠近時會相互重疊~就看不太清楚了~謝謝
謝謝你的回應 不過不瞭解你說的標示紅點點再加上名稱的意思是什麼？ 現在的顯示就是紅色倒水滴底下加上名稱的顯示囉 另外名稱太靠近會重疊，可能要把地圖Zoom In放大顯示， 這樣它們的距離才不會太近這樣子 謝謝妳的回覆 : )
請問有辦法把它放大嗎 輸入了好幾個地址，結果想放大點了上面的google圖示輸入過的地址又不見了 我想要多點標記和顯示出名稱的功能，可是其他教學只有多點標記而已...
你指的是地圖的縮放嗎？ 可以把滑鼠移到地圖內，用滾輪就可以縮放了。還是你指的是標記顯示出名稱的字體縮放呢？ 這個就要把滑鼠移出地圖的範圍，滑鼠在網頁的範圍內，按下Ctrl同時滾動滾輪，可以把網頁整個縮放大小，這樣子那個顯示名稱的字體也可以放大。 因為考慮到多點之後，字體太大會讓附近的字彼此覆蓋到，所以調整後就是現在這大小，應該不會再變動了
This is really helpful! Thanks a lot!
您好，謝謝您分享這個實用的程式! 這陣子發現不管是用IE或chrome使用時，都無法點地址刪除耶~~ 請問可以怎麼刪除需要修正的點呢?
真的耶 刪除功能失效了 看來好像pixnet官方有調整一些東西 影響到了這功能 幸好新增功能還是可以用的 我會儘快修正 謝謝您的通知
請問如把新增好的標籤同地圖一起載下來印出? 3Q
也許只能畫面擷圖了 目前我只想到這樣