首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >谷歌地图网站(2017年11月新用户界面)标记图标

谷歌地图网站(2017年11月新用户界面)标记图标
EN

Stack Overflow用户
提问于 2017-12-06 03:53:51
回答 1查看 2.1K关注 0票数 4

请参阅Google网站中新的“平面”样式标记图标。

有人知道我在哪里能找到图像资源的链接吗?我正在做一些自定义谷歌地图网络工作,并希望现在使用新的图标。

EN

回答 1

Stack Overflow用户

发布于 2017-12-23 23:41:35

好的,所以通过查看新的Google网站并使用他们的资产找到了答案:

代码语言:javascript
复制
var imageBlue = 'https://maps.gstatic.com/mapfiles/ms2/micons/blue-dot.png';
  var imageRed = 'https://maps.gstatic.com/mapfiles/ms2/micons/red-dot.png';
  var imageGreen = 'https://maps.gstatic.com/mapfiles/ms2/micons/green-dot.png';
  var imageLtBlue = 'https://maps.gstatic.com/mapfiles/ms2/micons/ltblue-dot.png';
  var imageYellow = 'https://maps.gstatic.com/mapfiles/ms2/micons/yellow-dot.png';
  var imagePurple = 'https://maps.gstatic.com/mapfiles/ms2/micons/purple-dot.png';
  var imagePink = 'https://maps.gstatic.com/mapfiles/ms2/micons/pink-dot.png';
  // Custom images below taken from source images URLs of new Google Maps
  // Can change HEX color values, scale=1 is small, scale=2 is bigger, scale=3 is biggest
  var scale = 1;
  var imageCustomPinSpotlight = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/spotlight/spotlight_pin_v2_shadow-1-small.png,assets/icons/spotlight/spotlight_pin_v2-1-small.png,assets/icons/spotlight/spotlight_pin_v2_dot-1-small.png,assets/icons/spotlight/spotlight_pin_v2_accent-1-small.png&highlight=ff000000,ea4335,960a0a,ffffff&color=ff000000?scale=' + scale;
  var imageCustomAirport = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/airport_pinlet-1-small.png&highlight=ff000000,10bdff,ffffff&color=ff000000?scale=' + scale;
  var imageCustomHospital = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/hospital_H_pinlet-1-small.png&highlight=ff000000,f88181,ffffff&color=ff000000?scale=' + scale;
  var imageCustomHospitalLite = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/hospital_H_pinlet-1-small.png&highlight=ff000000,F5AFAF,ffffff&color=ff000000?scale=' + scale;
  var imageCustomDotLtGreen = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/dot_pinlet-1-small.png&highlight=ff000000,4db546,ffffff&color=ff000000?scale=' + scale;
  var imageCustomDotRCBSRed = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/dot_pinlet-1-small.png&highlight=ff000000,E42313,ffffff&color=ff000000?scale=' + scale;
  var imageCustomStar = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet_outline-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/constellation_star_pinlet-1-small.png&highlight=ff000000,ffffff,fbc02d,ffffff&color=ff000000?scale=' + scale;
  var imageCustomHeart = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet_outline-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/heart_pinlet-1-small.png&highlight=ff000000,ffffff,fa507d,ffffff&color=ff000000?scale=' + scale;
  var imageCustomFlag = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_shadow-1-small.png,assets/icons/poi/tactile/pinlet_outline-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/nickname_pinlet-1-small.png&highlight=ff000000,ffffff,4285f4,ffffff&color=ff000000?scale=' + scale;
  var imageCustomHome = 'https://www.google.com.au/maps/vt/icon/name=assets/icons/poi/tactile/pinlet_outline-1-small.png,assets/icons/poi/tactile/pinlet-1-small.png,assets/icons/poi/quantum/pinlet/home_pinlet-1-small.png&highlight=ffffff,4285f4,ffffff&color=ff000000?scale=' + scale;
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47666517

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档