網頁

2017年4月30日 星期日

Google map中Google提供的標示icon

搜尋了很多資料,總是找不到想要的Goggle地標圖示,想要的如下:


查了不少,找到的大多如下


後來直接找圖示google map marker icons 搜尋結果,是找到不少,但使用的結果反而有個問題,因為是透明背景,白色圓圈部分整個透過去反而很難辨識。

最後直接拿google查到想要的地圖及其地標,直接找它的html code如下:
https://mt.googleapis.com/vt/icon/name=icons/onion/SHARED-mymaps-pin-container-bg_4x.png,icons/onion/SHARED-mymaps-pin-container_4x.png,icons/onion/1899-blank-shape_pin_4x.png&highlight=ff000000,0288D1&scale=2.0

試用了下,更動highlight中的0288D1就可以換顏色了,前頭的ff000000試用後感覺是讓顏色更鮮明。scale是圖示大小,使用在手機上的。name是指定有哪些icon,用逗點分開,案子處理完後依然沒查到哪邊有公開圖示的名稱,有點可惜了。

其他一些查到的範例:
  • http://maps.google.com/mapfiles/ms/icons/blue.png
  • https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=48&scale=1&text=%E2%80%A2
  • http://mt.google.com/vt/icon?psize=25&font=fonts/Roboto-Bold.ttf&color=fffffCff&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=50&text=%E2%80%A2
  • https://mt.googleapis.com/vt/icon/name=icons/onion/SHARED-mymaps-pin-container_4x.png,icons/onion/1899-blank-shape_pin_4x.png&highlight=0288D1&scale=2.0

參考網址:
Google Map icons with VisualRefresh [closed]
MarkerOptions
Google Charts > Image Charts > Dynamic Icons
How to use SVG markers in Google Maps API v3

https://www.google.com/maps/d/u/0/viewer?mid=1wtKI5ZKprpS4NCny2gX6g09PBfE&ll=42.840158799999976%2C141.62646619999987&z=10

網路資源
google map marker icons 搜尋結果
The Top Google Maps Marker Icon Collections of 2015
Download a set of 100 free map icons
scottdejonge/map-icons
Google map markers

沒有留言:

張貼留言