带有VisualRefresh的谷歌地图图标

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

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

图标列表:

标记:

地点:

                   

                   

                   

                   

                   

                   

                   

               

令人遗憾的是[谷歌无法提供官方API](http://stackoverflow.com/q/11318672/684229)的图标,[从此](http://stackoverflow.com/questions/8248077/谷歌-MAPS-V3-标准图标阴影-名称-当量-的-G-默认图标-在-V2？RQ = 1). (9认同)

`&scale = 1`可以增加到`&scale = 2`,`&scale = 3`,或`&scale = 4`用于视网膜显示又名高DPI显示. (2认同)

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);
}