如何更改Google Maps巴士停止默认图标？

Question

如何使用javascript更改此总线图标？更改标记和路由颜色等很容易，但如何更改下面图片中显示的图标？

Answer 1

你可以试试这个： https://developers.google.com/maps/documentation/javascript/examples/icon-complex

在同一个地方创建自己的自定义标记。

编辑：这可能有效。

function changeSourceAll() {
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length; i++) {
        if (images[i].src.indexOf('https://maps.gstatic.com/mapfiles/transit/iw2/6/bus.png') !== -1) {
            images[i].src = images[i].src.replace("https://maps.gstatic.com/mapfiles/transit/iw2/6/bus.png", "NEWICON.png");
        }
    }
}

changeSourceAll();

Answer 2

没有基于API的方法来更改这些图标。

一个选项是使用CSS，例如使用你的头像而不是图标：

  /*this will hide the bus-icon*/
  img[src="https://maps.gstatic.com/mapfiles/transit/iw2/6/bus.png"]{
    width:0 !important;
  }

  /*use a custom icon as background for the span which follows the icon*/
  img[src="https://maps.gstatic.com/mapfiles/transit/iw2/6/bus.png"]+span{
    background:url(http://i.stack.imgur.com/8lcVw.png?s=32&g=1) no-repeat;
    background-size: 16px 16px;
    padding-left:18px;
  }

但它只是一种解决方法，只有当这些工具提示的标记或图标的src不会被更改时，它才会起作用。