图标列表：

Question

使用VisualRefresh设置时，如何使用Google地图的“新”默认图标？

默认图标为：http://mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1

以前的地址看起来像这样：http://maps.google.com/mapfiles/marker_green.png，但在同一地图中使用新旧图标看起来不太好。

Answer 1

我没有官方名单，但确实做了一些研究。

https://mt.google.com/vt/icon/text=A&psize=16&font=fonts/arialuni_t.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1

使用该网址，您可以根据自己的喜好轻松更改文字，大小，字体和颜色，
但是颜色参数只会改变文本的颜色。但如果你将waypoint-b.png改为waypoint-a.png，你会得到一个绿色标记。

图标列表：

<强>标记：

<强>地方：

<强>流量：

<强>杂

查看网址并注意L也可以是S或M，注意名称中的_v_和_search_。 /> 在公交图标上，您可以将large更改为tiny，mini和small。

可能还有更多。但到目前为止我发现了这一切。

Answer 2

根据«77120»的回答，我使用了以下内容：

http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•

但是，嗯，这不是最好的方式，虽然它有效......

所以最后我的代码看起来像是：

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(46.951081, 7.438637),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

    var marker = new google.maps.Marker({
        icon: {
            url: 'http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•&scale=1'
        },
        position: new google.maps.LatLng(46.951081, 7.438637),
        title:"My Custom Marker",
        animation: google.maps.Animation.DROP
    });

    // To add the marker to the map, call setMap();
    marker.setMap(map);
}

带有VisualRefresh的谷歌地图图标

2 个答案:

图标列表：