Question

目前我使用StyledMarker图标（带有自定义颜色的默认气泡图标），但我看到一些网站使用更紧凑的“点”（picture of dot marker）。我的问题是，是否可以使用StyledMarker用点替换默认的气泡标记？如果没有，我该如何解决它（通过解决方案必须允许点的动态着色）？

Answer 1

您可以将标记图标声明为symbol并相应地对其进行自定义。

new google.maps.Marker({
    map: map,
    position: map.getCenter(),
    icon: {
        path: google.maps.SymbolPath.CIRCLE,
        fillColor: '#00F',
        fillOpacity: 0.6,
        strokeColor: '#00A',
        strokeOpacity: 0.9,
        strokeWeight: 1,
        scale: 7
    }
});

您可以使用每个属性来实现所需的外观。

如果你想要更精细的东西，我做了（免责声明：这是我，就像我做的那样）a library to use icon fonts (such as font-awesome or material icons) to render images（使用辅助画布，然后获取其数据）。< / p>

它基本上是一个可以用作

的图像工厂

new google.maps.Marker({
    map: map,
    position: map.getCenter(),
    icon: MarkerFactory.autoIcon({
        label: 'f1b9',
        font: 'FontAwesome',
        color: '#CC0000',
        fontsize: 20
    })
});

您甚至可以省略font属性，它将呈现您传递的文字文本。我有时用它来枚举标记。

Answer 2

StyledMarker使用（已弃用）Chart Images API作为其图标。看起来它没有“麻疹”/点（但是look for yourself）。无论如何，从快速看，它本身只支持这两个：

d_map_xpin_letter
d_map_pin_letter

它是开源的，因此您可以修改它以执行任何操作，但您可能只需使用"normal" custom markers来获取“麻疹”。

discussion of the Fusion Tables Users Group about how to find the URL of the measles

Answer 3

您可以使用自定义圈子为自己绘制一个点：https://developers.google.com/maps/documentation/javascript/examples/circle-simple

谷歌地图api点标记

3 个答案: